ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScriptを使用してページを更新する方法

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

青灯夜游
青灯夜游オリジナル
2021-04-01 17:09:26109916ブラウズ

ページを更新するための 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)

  • # # document.URL=location.href
  • 次は、リロード メソッドと置換メソッドの詳細な紹介です

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 、ページが自動的に更新されます: 次のコードを 93f0f5c25f18dab9d176bd4f6de5d30e 領域

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

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

<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>

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

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

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

プログラミング ビデオ

をご覧ください。 !

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。