ホームページ > 記事 > ウェブフロントエンド > JS ページ更新メソッドの完全なリスト
JS ページ更新メソッドの完全なリスト
- 高洛峰オリジナル
- 2016-12-17 15:20:551576ブラウズ
現在のページを更新するには? jsがあれば何でもできます。
1、reload メソッド。このメソッドはブラウザに現在のページを強制的に更新します。
構文: location.reload([bForceGet])
パラメータ: bForceGet、オプションのパラメータ、デフォルトは false、クライアント キャッシュから現在のページを取得します。 true の場合、GET メソッドを使用してサーバーから最新のページを取得します。これは、クライアントが F5 (「更新」) をクリックするのと同じです
2、replace メソッド。このメソッドは、次のように指定することで、現在履歴 (クライアント) にキャッシュされているアイテムを置き換えます。 URL なので、 replace メソッドを使用する場合、「進む」と「戻る」を介して置換された URL にアクセスすることはできません。
構文: location.replace(URL)
通常は、location.reload() またはhistory.go(0)を使用します。
このメソッドは、クライアントが F5 キーを押してページを更新するのと似ているため、ページのメソッドが "post" の場合、「Web ページの有効期限が切れています」というプロンプトが表示されます。
セッションのセキュリティ保護メカニズムのため。
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つのメソッドはページを更新しません。
添付ファイル:
Javascript を使用してページを更新するいくつかの方法:
1，history.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
ページを自動的に更新する方法:
1. ページを自動的に更新する: 次のコードを 93f0f5c25f18dab9d176bd4f6de5d30e 領域に追加します
<meta http-equiv="refresh" content="20">
20秒ごとにページ
2を開くと、ページが自動的にジャンプします: 7831aabb2062462185400e51f3eb7174 で次のステートメントを呼び出すだけです。
<body onload="opener.location.reload()"> 开窗时刷新 <body onUnload="opener.location.reload()"> 关闭时刷新 <script language="javascript"> window.opener.document.location.reload() </script>
まず、簡単な例を見てみましょう:
その方法を説明するために、frame.html、top.html、bottom.html という名前の 3 つのページを例に挙げてみましょう。
frame.html は、トップ (top.html) とボトム (bottom.html) の 2 つのページで構成されます。 コードは次のとおりです。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> frame </TITLE> </HEAD> <frameset rows="50%,50%"> <frame name=top src="top.html"> <frame name=bottom src="bottom.html"> </frameset> </HTML>
ここで、top.html (つまり、上のページ) に実装するボタンが 7 つあると仮定します。 Bottom.html (つまり、以下のページを更新する) では、次の 7 つのステートメントを使用できます。どれが使いやすいかはあなた次第です。
top.html ページのコードは次のとおりです。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> top.html </TITLE> </HEAD> <BODY> <input type=button value="刷新1" onclick="window.parent.frames[1].location.reload()"><br> <input type=button value="刷新2" onclick="window.parent.frames.bottom.location.reload()"><br> <input type=button value="刷新3" onclick="window.parent.frames['bottom'].location.reload()"><br> <input type=button value="刷新4" onclick="window.parent.frames.item(1).location.reload()"><br> <input type=button value="刷新5" onclick="window.parent.frames.item('bottom').location.reload()"><br> <input type=button value="刷新6" onclick="window.parent.bottom.location.reload()"><br> <input type=button value="刷新7" onclick="window.parent['bottom'].location.reload()"><br> </BODY> </HTML>
以下は、bottom.html ページのソース コードです。以下のページが実際に更新されたことを証明するために、ダイアログ ボックスが表示されます。ページが読み込まれます。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> bottom.html </TITLE> </HEAD> <BODY onload="alert('我被加载了！')"> <h1>This is the content in bottom.html.</h1> </BODY> </HTML>
説明:
1.window指代的是当前页面，例如对于此例它指的是top.html页面。 2.parent指的是当前页面的父页面，也就是包含它的框架页面。例如对于此例它指的是framedemo.html。 3.frames是window对象，是一个数组。代表着该框架内所有子页面。 4.item是方法。返回数组里面的元素。 5.如果子页面也是个框架页面，里面还是其它的子页面，那么上面的有些方法可能不行。 附： Javascript刷新页面的几种方法： 1 history.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
2. ページを自動的に更新します
1. 次のコードを 93f0f5c25f18dab9d176bd4f6de5d30e 領域に追加します
2. 次のコードを 93f0f5c25f18dab9d176bd4f6de5d30e 領域に追加します。 url=http:///www.jb51.net">
そのうち 20 件は 20 秒後に http://www.jb51.net ページにジャンプします
3. ページは自動的に JS バージョンを更新します
<script language="JavaScript">
function myrefresh()
{
window.location.reload();
}
setTimeout('myrefresh()',1000); //指定1秒刷新一次
</script>3. JavaはServlerやActionなどを書いています。 プログラム実行中、元のページに戻りたい場合(ウィンドウを開いた場合など、操作完了後、現在のページを閉じて親ページを更新してください)
1 PrintWriter out = response.getWriter();
2 out.write("<script type=\"text/javascript\">");
3 ////子窗口刷新父窗口
4 out.write("self.opener.location.reload();");
5 //关闭窗口
6 out.write("window.opener=null;");
7 out.write("window.close();");
8 out.write("</script>");4.フレームを更新する JS スクリプト ステートメント
<script language=JavaScript> parent.location.reload(); </script>を使用してフレームを含むページを更新する方法
<script language=JavaScript> self.opener.location.reload(); </script>
3. 別のフレームのページを更新する方法
语句1. window.parent.frames[1].location.reload(); 语句2. window.parent.frames.bottom.location.reload(); 语句3. window.parent.frames["bottom"].location.reload(); 语句4. window.parent.frames.item(1).location.reload(); 语句5. window.parent.frames.item('bottom').location.reload(); 语句6. window.parent.bottom.location.reload(); 语句7. window.parent['bottom'].location.reload();
4. ウィンドウを閉じたときに更新したい場合、またはウィンドウを開いたときに更新したい場合は、6c04bd5ca3fcae76e30b72ad730ca86d で次のステートメントを呼び出します。
a7a591df2625d01ed15b6b4328865a6dウィンドウを開くときに更新します
fc87e241137c5c6656c7ddd89ab240df 閉じるときに更新します<script language="javascript"> window.opener.document.location.reload() </script>
その他の js リフレッシュ ページ関連の記事については、PHP 中国語 Web サイトに注目してください。