ベストセラー人気 WordPress テーマTop 30 詳細

Javascriptを使用して、現在のページを更新する

Last Updated:2022年9月15日| 4のコメント

いくつかの方法を使用して、現在のページを更新(リロード)することができます。

Javascriptを使用して、現在のページを更新する方法

JSでlocation.reload()とsetTimeout()メソッドを使用することができます。

<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title> Auto refresh current page with regular intervals using JS</title>
<script>
setTimeout(function(){
location.reload();
},3000); // 3000밀리초 = 3초
</script>
</head>
// 참조 페이지: Auto refresh current page with regular intervals using JS

window.location.reload()を使用:

<form><input type="button" value="페이지 새로 고침" onClick="window.location.reload()"></form>
history.go()を使用:
<form><input type="button" value="페이지 새로 고침" onClick="history.go(0)"></form>
window.location.href = window.location.hrefを使用:
<form><input type="button" value="페이지 새로 고침" onClick="window.location.href=window.location.href"></form>
参考にページが自動的に更新されるようにするには、次のような メタ タグを タグの間に追加します。
<META HTTP-EQUIV="refresh" CONTENT="15">

その後、 15秒ごとに ページが自動更新(リロード)されます。 例えば、株式情報などを一定時間の間更新が必要な場合に、この方法を使用することができます。

jQueryを使ってページをリロード(更新)したい場合には、次のように location.reload()を使用します。

$('#something').click(function() {
location.reload();
});
// 참조 페이지: stackoverflow

Javascriptを/ jQueryテンプレート:

機能を直接実装することの難しさを経験したり、時間を節約したい場合 WordPress プラグインなどを販売している CodeCanyonで、比較的低コストでJavascript / jQueryテンプレートやPHPスクリプトを購入することができます。

コードキャニオンで販売されているjavascript / jQueryテンプレート
CodeCanyonで販売されているjavascript / jQueryテンプレート

WordPressを使用する場合、多くの機能をプラグインを使用して実装が可能です。

※パートナーズの活動に一定額の手数料を受け取ることができます。

歌声雨優れ海外ホスティング

メモ:


4のコメント

コメント

  1. javascript refreshは様々な理由で使用していない方良くredirectionは、GoogleからSEOペナルチを食べました。

    refreshやredirectionをする場合は、phpでほうです。

    https://www.thewordcracker.com/hackyacom/us/php-redirect/

    応答
    • 良い情報ありがとうございます。

      自動RefreshはHeader( 'Location:'。$ _ SERVER [ 'PHP_SELF']);を使用する場合はsleep(5);のようにsleep()を使用すると、になるようですが、Refreshボタンは、PHPでどのように追加することができますか?

      応答
      • 直接見たことはないが、以下の文に記載されているように、となりそうです。

        https://sites.google.com/site/jiansenphptutorial/chapter-2/chapter-3-5-refresh-button

      • ありがとうございます〜

        次のコードは、phpのマニュアルに出てくるheader( "refresh:5; url = wherever.php");をどのように応用するかをよく示してくれますね。
        <?php
        if (isset($_POST["refresh"])) {
        $page = $_SERVER['PHP_SELF'];
        $sec = "1";
        //refresh in 1 second.
        header("Refresh: $sec; url=$page");
        }
        ?>