リンク更新ページと js 更新ページの使用例

1. リンクの使用方法：

コードをコピー

コードは次のとおりです。

<a href="javascript:history.go(-1);">前のページに戻る</a>
<a href="#top">現在のページを更新</a>

#top 効果は機能しませんでしたが、<a href="">現在のページを更新</a> を直接記述すると機能しました。

2. JSで現在のページを更新する方法

reload メソッドはブラウザに現在のページを強制的に更新させます。
構文: location.reload([bForceGet])

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

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

実際のアプリケーションでは、ページを更新するときに、通常は location.reload() または history.go(0) を使用します。この方法は、クライアントが F5 をクリックしてページを更新するのと同じなので、ページメソッドが「post」の場合、「ページの有効期限が切れました」というプロンプトが表示されます。これはセッションセキュリティ保護メカニズムによるものです。 location.reload() メソッドが呼び出されると、aspx ページは既にサーバーのメモリに存在するため、IsPostback であると考えられます。このようなアプリケーションがある場合: ページを再読み込みする必要があります。つまり、ページがサーバー上で再作成されることが予想され、IsPostback ではないことが予想されます。ここでは、location.replace() がこのタスクを実行できます。置き換えられたページは毎回サーバー上で再生成されます。

次のように記述できます: location.replace(location.href);

戻ってページを更新してください:

コードをコピー

コードは次のとおりです。

location.replace(document.referrer);
document.referrer //前のページのURL

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

添付ファイル:
Javascript を使用してページを更新する方法はいくつかあります。

1 歴史.go(0)
2 場所.reload()
3 場所=場所
4 場所.割り当て(場所)
5 document.execCommand('更新')
6 window.navigate(場所)
7 location.replace(場所)
8 ドキュメント.URL=場所.href

ページを自動的に更新する方法:
1. 自動ページ更新: <head> 領域に次のコードを追加します。
<meta http-equiv="refresh" content="20">
20 は 20 秒ごとにページを更新することを意味します。

2. 自動ページジャンプ: <head> 領域に次のコードを追加します。
<meta http-equiv="refresh" content="20;url=http://www.wyxg.com">
20 は、20 秒後に http://www.wyxg.com にジャンプすることを意味します。

3. ページ自動更新 js バージョン

コードをコピー

コードは次のとおりです。

<スクリプト言語="JavaScript">
関数 myrefresh()
{
ウィンドウの位置を再読み込みします。
}
setTimeout('myrefresh()',1000); // 1秒ごとに更新するように指定
</スクリプト>

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

コードをコピー

コードは次のとおりです。

//フレームを含むページを更新する方法
<スクリプト言語=JavaScript>
親.location.reload();
</スクリプト>
//子ウィンドウが親ウィンドウを更新する
<スクリプト言語=JavaScript>
自己オープンの場所を再読み込みします。
</スクリプト>
（または <a href="javascript:opener.location.reload()">更新</a> ）
//別のフレームのページを更新する方法
<スクリプト言語=JavaScript>
親.別のフレームID.場所.リロード();
</スクリプト>

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

コードをコピー

コードは次のとおりです。

<body onload="opener.location.reload()"> ウィンドウを開いたときに更新する
<body onUnload="opener.location.reload()"> 閉じるときに更新
<スクリプト言語="javascript">
ウィンドウを開くドキュメントの場所を再読み込み()
</スクリプト>

<<: Vueの監視プロパティの詳細な説明

>>: ウェブデザインにおけるカラーマッチングの優れた例30選