JavaScriptを使用してページを更新する方法-jsチュートリアル-php.cn

JavaScriptを使用してページを更新する方法

青灯夜游

リリース： 2023-01-04 09:34:01

オリジナル

109903 人が閲覧しました

ページを更新するための Javascript メソッド: 1. "location.reload()" を使用します; 2. "location.replace(location)" を使用します; 3. "history.go(0)" を使用します; 4. 「location=場所」などを使用します。

JavaScriptを使用してページを更新する方法

このチュートリアルの動作環境: Windows 7 システム、ECMAScript バージョン 5、Dell G3 コンピューター。

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

##location.reload()
location.replace(location)
##history.go(0)
location=location
location.assign(location)
document.execCommand('Refresh')
window.navigate(location)
次は、リロードメソッドと置換メソッドの詳細な紹介です

1、リロードメソッド

このメソッドは、ブラウザに現在のページを強制的に更新します。

構文:

location.reload([bForceGet])

ログイン後にコピー

パラメータ: bForceGet、オプションのパラメータ、デフォルトは false、クライアントキャッシュから現在のページを取得します。 true の場合、GET メソッドを使用してサーバーから最新のページを取得します。これは、クライアントが F5 (「更新」) をクリックするのと同じです。

2、メソッド

# を置き換えます。 このメソッドは、現在履歴(クライアント)にキャッシュされている項目をURLを指定して置換するため、replaceメソッド使用後は、置換後のURLに「進む」「戻る」でアクセスすることはできません。

構文:

 location.replace(URL)

ログイン後にコピー

通常、これを行うには location.reload() またはhistory.go(0) を使用します。

このメソッドは、クライアントポイント F5 を押してページを更新するのと似ているため、ページメソッドが "post" の場合、「Web ページの有効期限が切れています」というプロンプトが表示されます。 Session のセキュリティ保護メカニズムのため。

location.reload() メソッドが呼び出されるとき、aspx ページはサーバーメモリにすでに存在するため、IsPostback である必要があります。

そのようなアプリケーションがある場合: ページを再ロードする必要があります。これは、ページがサーバー側で再作成されることが期待されていることを意味し、期待されるのは Not IsPostback です。

ここでは、location.replace() でこのタスクを完了できます。置き換えられたページは毎回サーバー上で再生成されます。

コード:

location.replace(location.href);

ログイン後にコピー

ページを返して更新します:

location.replace(document.referrer);
document.referrer //前一个页面的URL

ログイン後にコピー

戻って更新するために、history.go(-1) またはhistory.back(); を使用しないでください。これら 2 つの方法ではページは更新されません。

[推奨学習:

js 基本チュートリアル

]

補足: ページを自動的に更新またはジャンプする方法:

1 、ページが自動的に更新されます: 次のコードを領域

<meta http-equiv="refresh" content="20">       （其中20指每隔20秒刷新一次页面.）

ログイン後にコピー

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

<meta http-equiv="refresh" content="20;url=http://www.baidu.com"> 
（其中20指隔20秒后跳转到http://www.baidu.comt页面）

ログイン後にコピー

3 に追加します。、ページが自動的に js バージョンを更新

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

ログイン後にコピー

4、JS 更新フレームスクリプトステートメント

//刷新包含该框架的页面用 
<script type="text/javascript">
 parent.location.reload();
</script>
//子窗口刷新父窗口
<script type="text/javascript">
 self.opener.location.reload();
</script>
(　或　<a href="javascript:opener.location.reload()" rel="external nofollow" >刷新</a> )
//刷新另一个框架的页面用 
<script type="text/javascript">
 parent.另一FrameID.location.reload();
</script>

ログイン後にコピー

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

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

ログイン後にコピー

プログラミング関連の知識については、

プログラミングビデオ

をご覧ください。！

以上がJavaScriptを使用してページを更新する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。