ホームページ > ウェブフロントエンド > jsチュートリアル > JS 更新ページのメソッド_JavaScript スキルの完全なリスト

JS 更新ページのメソッド_JavaScript スキルの完全なリスト

WBOY
リリース: 2016-05-16 19:04:58
オリジナル
778 人が閲覧しました

現在のページを更新するにはどうすればよいですか? jsがあれば何でもできます。

1、リロード メソッド。このメソッドはブラウザに現在のページを強制的に更新します。
構文: location.reload([bForceGet])
パラメータ: bForceGet、オプションのパラメータ、デフォルトは false、クライアント キャッシュから現在のページを取得します。 true の場合、最新のページが GET モードでサーバーから取得されます。これは、クライアントが F5 (「更新」) をクリックするのと同じです

2. Replace メソッドです。このメソッドは、URL を指定して履歴 (クライアント) にキャッシュされている項目を置き換えます。そのため、replace メソッドを使用した後、「forward」と「back」を使用してアクセスすることはできません。履歴にキャッシュされたアイテム (クライアント) 置換 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 つのメソッドはページを更新しません。
添付ファイル:

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. ページを自動的に更新します:

領域に次のコードを追加します。

コードをコピー コードは次のとおりです:


20 は、20 秒ごとにページを更新することを意味します。
2. ページは、

領域に次のコードを追加します。

コードをコピー コードは次のとおりです:


そのうち 20 本の指は 20 秒後に http://www.jb51.net ページにジャンプします
3. ページは自動的に js バージョンに更新されます

コードをコピー コードは次のとおりです:


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

コードをコピー コードは次のとおりです:

//フレームを含むページを更新します。

//子ウィンドウが親ウィンドウを更新します

( または 更新 )
//

で別のフレームのページを更新します。

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

コードをコピー コードは次のとおりです:

ウィンドウを開くときに更新します
🎜 >


1.まずは見てください 簡単な例:

以下では、frame.html、top.html、bottom.html という名前の 3 つのページを例として、その方法を説明します。
frame.html は、上部 (top.html) と下部 (bottom.html) の 2 つのページで構成されます。 コードは次のとおりです。

コードをコピーします コードは次のとおりです。
HTML>
<br><script type="text/javascript" src="/js/jquery.3.5.2.min.m.js"></script> </HEAD> <フレーム名=top src ="top.html"> <br><frame name=bottom src="bottom.html"> <br></HTML> 🎜><br> <br>ここで、top.html (つまり、上のページ) に、bottom.html (つまり、下のページ) を更新するための 7 つのボタンがあると仮定します。どれを使用できるかはあなた次第です。 1 つは使いやすいです。 <br>top.html ページのコードは次のとおりです: <br><br><br><br> </div>コードをコピーします<br><br><br> コードは次のとおりです:<div class="codetitle"> <span> <a style="CURSOR: pointer" data="26146" class="copybut" id="copybut26146" onclick="doCopy('code26146')">< ;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <u><HEAD> ; top.html </u><script type="text/javascript" src="/js/jquery.3.5.2.min.m.js"></script> </HEAD> </a><input type=button value="更新 1" onclick="window.parent.frames" .location.reload()"> ;<br> </span><input type=button value="更新 2" onclick="window.parent.frames.bottom.location.reload()"><br> ; </div><input type =button value="Refresh 3" onclick="window.parent.frames['bottom'].location.reload()"><br> button value="更新 4" onclick ="window.parent.frames.item(1).location.reload()"><br> <div class="codebody" id="code26146"><input type=button value="Refresh 5" onclick= "window.parent.frames.item ('bottom').location.reload()"><br> <br><input type=button value="更新 6" onclick="window.parent.bottom. location.reload()"> <br> <br><input type=button value="Refresh 7" onclick="window.parent['bottom'].location.reload()"><br> ; <BR></BODY> <br></HTML> <br><br> <br>以下のページが実際に更新されたことを証明するために、ページが読み込まれると、ダイアログ ボックスが表示されます。 <br><br><br><br><br>コードをコピー<br><br><br> コードは次のとおりです:<br> </div> <br><!DOCTYPE HTML PUBLIC "-/ /W3C/ /DTD HTML 4.0 移行版//EN"> <br><HTML> <div class="codetitle"><HEAD> <span><TITLE>bottom.html

これはbottom.htmlの内容です。


説明:




コードは次のとおりです次のように:


1.window は現在のページを指します。たとえば、この例では、top.html ページを指します。
2.parent は、現在のページの親ページ、つまり、それを含むフレーム ページを指します。たとえば、この例では、framedemo.html を参照します。
3.frames はウィンドウオブジェクトであり配列です。フレーム内のすべてのサブページを表します。
4.itemはメソッドです。配列内の要素を返します。
5. サブページが内部に他のサブページを含むフレーム ページでもある場合、上記の方法の一部は機能しない可能性があります。
添付ファイル: 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


2. ページを自動的に更新します
1. 次のコードを 領域に追加します。

このうち、20 は 20 秒ごとにページを更新することを意味します。
2. ページが自動的にジャンプします。

20 秒後に 20 本の指が http://www.jb51.net ページにジャンプします
3. js バージョンを更新します

[Ctrl A すべて選択 注: 外部 Js を導入する必要がある場合は、更新して実行する必要があります
]

3. Java は Servler 、Action およびその他のプログラムを作成しています。ページに戻りたい場合 (ウィンドウを開いた場合、操作が完了した後、現在のページを閉じて親ページを更新するなど) コードは次のとおりです:


1 PrintWriter out = response.getWriter();
2 out。 write("");


フレームを更新するための 4 つの JS スクリプト ステートメント
1.
コードをコピーします コードは次のとおりです。



2. 子ウィンドウが親ウィンドウを更新します

コードをコピーします コードは次のとおりです:

関連ラベル:
js
ソース:php.cn
前の記事:js_javascriptスキルを使った「Count 24」ゲーム作成の解析と実装コード 次の記事:jsを使用してpage_timeとdateに現在の日時を表示するコードを実装します。
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート