JSページの更新を達成

1.リロード

現在のページを更新するには、ブラウザを強制する方法を、リロード。
構文:location.reload([bForceGet])
パラメータ:bForceGet、オプションのパラメータ、デフォルトはfalse、クライアントキャッシュから現在のページを撮影しました。場所は、サーバーから最新のページを取り、道をGET真、クライアントは、F5をクリックすることと同じです(「更新」)

リロード()メソッドは、現在のドキュメントを再ロードするために使用されます。
この方法は、パラメータを必要としない、またはパラメータが偽である場合は、文書がサーバーに変更されたかどうかを検出するために変更した場合-のでヘッダHTTPを使用します。ドキュメントが変更されている場合は、)(リロード再びドキュメントをダウンロードします。文書は、キャッシュからドキュメントをロードする方法に変更されていない場合。この効果と、ユーザーがブラウザの[更新]ボタンがまったく同じであるクリック。

2、方法を置き換える場所URLを指定して(クライアント)プロジェクトの歴史の中で現在のキャッシュを置き換え、および方法を交換する際に使用するので、あなたはアクセスを「前方」と「裏」はURLに置き換えられていることはできません。
構文:location.replace(URL)
一般的に使用される:location.reload()またはhistory.go(0)することができません。
この方法は、ページを更新する顧客端点F5に似ているので、ページには、ときにメソッド=「ポスト」、メッセージを「ページの有効期限が切れ」があるでしょう。
セキュリティ保護メカニズムセッションのため。
あなたはlocation.reload()メソッドを呼び出すと、この時点でaspxページには、すでにサーバのメモリ上に存在し、そのためのIsPostBackプロパティする必要があります。
このアプリケーション場合:ページをリロードする必要がある、そのページがサーバ上で再作成されることを期待することができ、期待がIsPostBackプロパティではありません。
このタスクを完了するためにここでは、location.replace()。置き換えているページは、毎回、サーバーを再生成しています。
コード:location.replace(LOCATION.HREF)。

戻って、ページを更新:

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

(-1)、またはhistory.backを()history.go使用しないでください。ページを戻ってリフレッシュするために、これらの2つの方法は、ページを更新しません。
添付ファイル:

Javascriptがページ、いくつかの方法を更新します。


コードのコードをコピーして、次のとおりです。

1、history.go(0)
2、location.reload()
3、位置=位置
4、location.assign(位置)
5、document.execCommand( 'リフレッシュ')
6、window.navigate(位置)
7、場所。置き換え(位置)
8、document.URL = LOCATION.HREF

 

自動的にページ更新の方法:
1、ページが自動的に更新さ:<HEAD>領域に次のコードを


コードのコードをコピーして、次のとおりです。

<META HTTP-当量= "リフレッシュ" コンテンツ= "20">

 

20ページを指し、20秒ごとに更新します。
2、ページが自動的にジャンプ:<HEAD>の領域に次のコードを


コードのコードをコピーして、次のとおりです。

<META HTTP-当量= "リフレッシュ" コンテンツ= "20; URL =のhttp://www.jb51.net">

 

スペーサーは、20〜20秒を意味ページhttp://www.jb51.netをスキップし、前記
3、ページ自動更新のjs版


コードのコードをコピーして、次のとおりです。

<スクリプト言語= "JavaScriptの">
関数myrefresh()
{
window.location.reload()。
}
のsetTimeout( 'myrefresh()'、1000)。//指定1秒刷新一次
</ SCRIPT>

 

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


コードのコードをコピーして、次のとおりです。

ページ含む//リフレッシュフレーム
<=はJavaScript言語スクリプト>
parent.location.reload();
</ SCRIPT>
親ウィンドウを更新するために//子ウィンドウを
<=はJavaScript言語スクリプト>
self.opener.location.reload();
</ SCRIPT>
またはリフレッシュ<a href="javascript:opener.location.reload()"> </a>の)
//フレームで別のページを更新
<=はJavaScript言語スクリプト>
親。別のFrameID.location .reload();
</ SCRIPT>

 

あなたがリフレッシュしたいか、ウィンドウを閉じたときに、ウィンドウをリフレッシュしたい場合は、<身体>に次のステートメントを呼び出すことができます。


コードのコードをコピーして、次のとおりです。

<ボディのonload = "opener.location.reload() "> リフレッシュウィンドウ
<ボディONUNLOAD = "opener.location.reload() "> 更新閉じ
<SCRIPT LANGUAGE = "JavaScriptを">
window.opener.document.location
.reload()</ SCRIPT>

 

単純な例では最初に見て:

以下を行う方法を指定するには、3つのページframe.html、のtop.html、のbottom.html例に命名しました。
上部(のtop.html)(のbottom.html)によってframe.html 2ページ、次のように
次のようにコードのコードをコピーです。

<!DOCTYPE HTML PUBLIC " - // W3C // DTD HTML 4.0過渡// EN">
<HTML>
<HEAD>
<TITLE>フレーム</ TITLE>
</ HEAD>
<フレームセットの行= "50%、50%" >
<フレーム名=トップSRC = "のtop.html">
<フレーム名=下SRC = "のbottom.html">
</フレームセット>
</ HTML>


今仮定するのtop.html(すなわち、上記のページ)はリフレッシュのbottom.html(すなわち、以下のページを)達成するために7つのボタンを持っている、あなたは使いやすいのどの自身の選択、次の7つのステートメントを使用することができます。
top.htmlページのコードは次のとおりです。
コードのコードをコピーして、次のとおりです。

<!DOCTYPE HTML PUBLIC " - // W3C // DTD HTML 4.0過渡// EN">
<HTML>
<HEAD>
<TITLE>のtop.html </ TITLE>
</ HEAD>
<BODY>
の<input type =ボタン値= "刷新1"のonclick = "window.parent.frames [1] .location.reload()"> <BR>
の<input type =ボタン値= "刷新2"のonclick = "window.parent.frames.bottom.location .reload() "> <BR>
の<input type =ボタン値="刷新3"のonclick = "window.parent.frames [ '下部']。location.reload()"> <BR>
の<input type =ボタン値= "刷新4"のonclick = "window.parent.frames.item(1).location.reload()"> <BR>
の<input type =ボタン値= "刷新5"のonclick = "window.parent。frames.item( 'ボトム')。location.reload() "> <BR>
の<input type =ボタン値="刷新6"のonclick = "window.parent.bottom.location.reload()"> <BR>
<INPUT TYPE =ボタン値= "刷新7"のonclick = "window.parent [ '下部']。location.reload()"> <BR>
</ BODY>
</ HTML>


ここでは実際にページの一番下が更新され、ページがダイアログボックスで読み込みが完了したことを証明するために、のbottom.htmlページのソースコードです。
コードのコードをコピーして、次のとおりです。

<!DOCTYPE HTML PUBLIC " - // W3C // DTD HTML 4.0過渡// EN">
<HTML>
<HEAD>
<TITLE>のbottom.html </ TITLE>
</ HEAD>
= "警告<BODYのonloadイベント( '我被加载了! ') ">
<H1>これはのbottom.htmlの内容です。</ H1>
</ BODY>
</ HTML>


説明:
コードコードをコピーし、次のとおりです。

1.windowは、例えば、現在のページを指し、それは、この実施形態のtop.htmlページを指します。
2.parentはつまり、それはフレームワークページを含む、現在のページの親ページを参照します。例えば、本実施形態は、それがframedemo.htmlを指します。
3.framesウィンドウオブジェクトが配列されています。そのフレームワーク内のすべてのサブページを表します。
4.item方法。内部要素の配列を返します。
5.サブページ・フレームワークは、ページの場合は、そこに他のサブページがまだあるので、上記の方法のいくつかは動作しない場合があります。
付属書:
Javascriptのページリフレッシュいくつかの方法:
1 history.go(0)
2 location.reload()
。3 = LOCATION LOCATION
。4 location.assign(LOCATION)
5 document.execCommand( 'リフレッシュ')。
6 window.navigate(LOCATION)。
location.replace。7(LOCATION)
。8 = document.URL LOCATION.HREF


第二に、自動リフレッシュページ
1ページが自動的に更新:<HEAD>の領域に次のコードを
<META HTTP-当量=「リフレッシュコンテンツ=「20」」>
。20ページを指し、20秒ごとに更新する
2.自動ページジャンプ:次のコードを<head>領域に
<メタHTTP-当量= "更新内容=" "20; URL = HTTP://www.jb51.net">
20 20秒がHTTPにスキップ間隔を指します://www.jb51.netページ
3.ページが自動的にjsのバージョンを更新します

[Ctrlキー+ Aすべて選択注:外部のJsを導入するために実行するために更新する必要があります]


三、あなたは(そのような操作が完了した後、窓の外の話として、現在のページを閉じて、親ページを更新)操作したいページに戻り、その後、Servler、アクションやその他のプログラムを書いたJava
コードは次のようにコードをコピーは、次のとおりです。

1つのPrintWriterアウト= response.getWriter()。
2 out.write( "<スクリプトタイプ= \"テキスト/ 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>");


第四に、リフレッシュスクリプトステートメントJSフレームワーク
とフレームを含むページリフレッシュする方法1.
以下のコピーコードコード:

<スクリプト言語=はJavaScript>
parent.location.reload();
</ SCRIPT>


2.リフレッシュする子ウィンドウの親ウィンドウ
、次のようにコードのコードをコピーは、次のとおりです。

<スクリプト言語=は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 [ "底"] location.reload();
语句4。window.parent.frames.item(1).location.reload();
语句5。window.parent.frames.item( 'ボトム')location.reload();
语句6。window.parent.bottom.location.reload();
语句7。window.parent [ '下部'] location.reload()。


ウィンドウが閉じているときにリフレッシュしたり、ウィンドウをリフレッシュしたいしたい場合4.あなたは、<body>の中で次の文を呼び出すことができます。
<ボディのonload = "opener.location.reload() ">
リフレッシュウィンドウ
<ボディONUNLOAD = "opener.location.reloadは() ">
更新は閉じられ
たコード次のコードをコピーします。

<スクリプト言語= "javascriptの">
window.opener.document.location.reload()
</スクリプト>

おすすめ

転載: www.cnblogs.com/ldsice/p/11106347.html