【JavaScript】ページをreloadメソッドでリロードする
ページをreloadメソッドでリロードする
ページを再読み込みして更新するには、「window」オブジェクトの「window.location.reload」メソッドを使用します。
基本的には、「reload」メソッドを呼び出すだけでページが更新されます。
サンプルプログラム
<html>
<body>
<script>
// ページをreloadする方法
// reloadの基本的な使い方
function doReload() {
// reloadメソッドによりページをリロード
window.location.reload();
}
window.addEventListener('load', function () {
// ページ表示完了した5秒後にリロード
setTimeout(doReload, 5000);
});
</script>
</body>
</html>実行結果
5秒後にリロードします。
loadイベント発行時、つまりページのコンテンツが全てダウンロードされた時に
setTimeoutメソッドを実行して、5秒後にdoReloadを呼ぶように設定してます。
doReloadでは、windowオブジェクトのreloadメソッドを実行してページを更新しています。
その結果、現在のページが再読み込みされ更新されます。
プログラムダウンロード
もっとJavaScriptを学びたい人は！こちらの本がおすすめです
#JavaScript #JavaScript初心者 #JavaScript学習 #プログラミング #プログラミング学習 #プログラミング初心者
この記事が気に入ったらサポートをしてみませんか？