ホームページ >ウェブフロントエンド >jsチュートリアル >JSページを更新する方法のまとめ

JSページを更新する方法のまとめ

黄舟オリジナル: 2017-11-16 14:16:514462ブラウズ

JavaScript を使用してページ location.reload() を更新する方法を以前紹介しました。実際には、JS でページを更新する方法はたくさんあります。そこで、今日はその方法を説明します。 JSでページを更新する方法まとめ！

window.location.reload()、window.history.go(0)、

document.execCommand(''Refresh'')、これら 3 つのメソッドが最も高速です。ブラウザーに明らかなスクロールバーがあるものもあります。 Javascript を使用してページを更新するいくつかの方法:

1history.go(0) サーバー側で解釈して生成する必要がある d13fc09fc3a61027bf4a1ae346cec7e0 などのページコードがない限り、キャッシュ内のデータは直接読み取られます
更新はありません

2 location.reload() 新しいページを読み取るにはサーバーに再接続する必要があります (ページは同じですが)
更新

3 location=location JavaScript で移動するには、
window オブジェクトの特定のメソッドを呼び出すのではなく、その location.href 属性を設定します。 location 属性はすべてのブラウザーでサポートされています。例:

<span onclick=”javascript:window.location.href=’#top’”>top</span>

実行後、戻ると進むがあります

4 location.assign(location) URLで指定された新しいHTMLドキュメントを読み込みます。これは、指定した URL にジャンプするリンクに相当します。現在のページは新しいページのコンテンツに変換され、前のページに戻ることができます。

5 document.execCommand('Refresh') 6 window.navigate(location)
MSDN で言及されている window.navigate(sURL) メソッドは IE 用であり、HTML DOM Window オブジェクトでは適用できません。リスト window.navigate メソッドはまったく存在しません。

7 location.replace(location) 実行後に戻ることも進むこともできません
URL で指定されたドキュメントを読み込んで現在のドキュメントを置き換えるこのメソッドは、現在のウィンドウページを
で共有します。
前のページに戻るの
8 document.URL=location.href

Javascriptを使用してページを更新するいくつかの方法:

1history.go(0)
2 location.reload()
3 location=location
4 location.assign(location)
5 document.execCommand('Refresh')
6 window.navigate(location)
7 location.replace(location)
8 document.URL =location.href

ページを自動更新する方法: JavaScriptでページを自動更新する方法の詳細説明

1. ページを自動更新する: 93f0f5c25f18dab9d176bd4f6de5d30eエリアに以下のコードを追加します

<meta http-equiv="refresh" content="20">

20 本の指が 20 秒ごとにページを更新します。

2. ページが自動的にジャンプします: 25261d57b66747a05407d92c58ac1b9efunction myrefresh() { window.location.reload(); } setTimeout('myrefresh()',1000); //指定1秒刷新一次2cacc6d41bbb37262a98f745aa00fbf0

JS リフレッシュフレームスクリプトステートメント

//如何刷新包含该框架的页面用 
<script language=JavaScript>
parent.location.reload();
</script>

//子窗口刷新父窗口
<script language=JavaScript>
self.opener.location.reload();
</script> www.jbxue.com
(　或　<a href="javascript:opener.location.reload()">刷新</a> )

//如何刷新另一个框架的页面用 
<script language=JavaScript>
parent.另一FrameID.location.reload();
</script>

ウィンドウを閉じたときに更新したい場合、またはウィンドウを開いたときに更新したい場合は、6c04bd5ca3fcae76e30b72ad730ca86d で次のステートメントを呼び出すだけです。

<body onload="opener.location.reload()"> 开窗时刷新
<body onUnload="opener.location.reload()"> 关闭时刷新

<script language="javascript">
window.opener.document.location.reload()
</script>

概要:

この記事では、JavaScript でページを更新する方法を例を挙げて説明します。主によく使用されるいくつかの方法を説明します。友達は自分のニーズに応じて自分に合った方法を選択できます。

JSページを更新する方法のまとめ

関連記事