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

4

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

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>
参考にページが自動的に更新されるようにするには、次のような メタ タグを head タグの間に追加します。
<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テンプレート

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

メモ:

4のコメント

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

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

    http://hackya.com/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"); } ?>

コメントを残す

あなたのコメントを入力してください!
あなたの名前をここに入力してください