JSページを更新する方法のまとめ-jsチュートリアル-php.cn

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

黄舟

リリース： 2017-11-16 14:16:51

オリジナル

4403 人が閲覧しました

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

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

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

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

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. ページを自動更新する: エリアに以下のコードを追加します

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

ログイン後にコピー

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

2. ページが自動的にジャンプします: 領域に次のコードを追加します

<meta http-equiv="refresh" content="20;url=http://www.php.cn">

ログイン後にコピー

そのうち 20 本の指が http://www にジャンプします20 秒後に .php.cn ページが表示されます

3. ページが自動的に JS バージョンに更新されます

<script language="JavaScript">function myrefresh()
{
window.location.reload();
}
setTimeout(&#39;myrefresh()&#39;,1000); //指定1秒刷新一次</script>

ログイン後にコピー

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>

ログイン後にコピー

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

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

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

ログイン後にコピー

概要:

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