この記事では、次の3つを紹介しますjs で現在のページを再読み込みの方法:
- reload()方法;
- replace()方法;
- ページ自動更新;
方法1:reload() メソッド
reload() メソッドは現在のドキュメントを再読み込みするために使用されます。
reload() メソッドは、ブラウザのページ更新ボタンに似ています。
location.reload();
ボタン内で onclick イベントを使用できます:
<input type="button" onclick="javascript:location.reload();" value="刷新当前页面">
下のボタンをクリックすると、現在のページが再読み込みされます:
reload() メソッドの詳細については、ドキュメントを参照してください:https://www.example.com/jsref/met-loc-reload.html
方法2:replace() メソッド
replace() メソッド新しいドキュメントで現在のドキュメントを置き換えることができます。
例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>サンプル(example.com)</title>
<script>
function replaceDoc()
{
window.location.replace("https://www.example.com")
}
</script>
</head>
<body>
<input type="button" value=新しいドキュメントを読み込んで現在のページを置き換える onclick="replaceDoc()">
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>サンプル(example.com)</title>
<script>
function replaceDoc()
{
window.location.replace("https://www.example.com")
}
</script>
</head>
<body>
<input type="button" value=新しいドキュメントを読み込んで現在のページを置き換える onclick="replaceDoc()">
</body>
</html>
replace() メソッドの詳細については、ドキュメントを参照してください:https://www.example.com/jsref/met-loc-replace.html
方法3:ページの自動更新
ページの自動更新:次のコードを<head>領域に追加します
<meta http-equiv="refresh" content="5">
ここで 5 は、5秒ごとにページを再読み込みすることを意味します。