ホームページ > 記事 > ウェブフロントエンド > JavaScriptでページをリロードする方法
JavaScriptでページをリロードする方法
- 清浅オリジナル
- 2018-12-06 16:01:337682ブラウズ
JavaScript では、reload() メソッドの値を true に設定してページをリロードできます。
ページを閲覧すると、左上隅にあるブラウザにはページを更新するためのボタンがありますが、プログラムではどのように動作するのでしょうか? 次に、JavaScript でページ読み込みテクノロジを実装する方法を紹介します。皆さんのお役に立てれば幸いです。
#【おすすめコース: JavaScript チュートリアル #】
##ページの読み込みを実装するには、reload() メソッドを使用する必要があります。このメソッドの目的は、現在のドキュメントを再読み込みすることです。
location.reload()
reload() の値を true に設定すると、ブラウザの更新ボタンをクリックするときと同じように、キャッシュがバイパスされ、サーバーからドキュメントが再ダウンロードされます。
このメソッドが false に設定されている場合、またはパラメータが設定されていない場合、HTTP ヘッダーの If-Modified-Since を使用して、サーバー上のドキュメントが変更されたかどうかを検出します。ドキュメントが変更された場合は、リロードします。 () はドキュメントを再度ダウンロードします。ドキュメントが変更されていない場合、このメソッドはドキュメントをキャッシュからロードします。
例:
<body> <input type="button" value="刷新" onclick="document.location.reload(true);"> <p>点击上面的按钮会刷新页面</p> <img src="images/1.jpg"style="width:150px;height: 100px;"> </body>
レンダリングは次のとおりです:
ページを表示する頻度などの時間を設定することもできます。 freshed
例: ページを 5 秒ごとに更新するように設定します
<body>
<p>页面隔5s会刷新一次</p>
<img src="images/1.jpg"style="width:150px;height: 100px;">
<script type="text/javascript">
function timedReload(time){
setTimeout("location.reload(true);",time);
}
window.onload=timedReload(5000);
</script>効果は次のとおりです:
ポップを設定できます。 [更新] をクリックすると、ダイアログ ボックスが表示されます。 [キャンセル] をクリックすると、ページが更新されません。 #レンダリングは次のとおりです
以上がJavaScriptでページをリロードする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。