javascript refresh pageのいくつかのページの更新の方法

5416 ワード

まず簡単な例を見てみます.次は三つのページをそれぞれframe.html、top.html、bottomと命名します.frame.は上(top)下(bottom)の二つのページからなります.コードは以下の通りです.

 
  
 
  <!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.1として、7つのbuttonがあります.bottomを更新します.以下の7つの文を使って、どれが自分で見てやったらいいですか?top.1ページのコードは以下の通りです.

 
  
 
  <!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.のページのソースコードです.下のページが確かに更新されたことを証明するために、ロード済みのページでダイアログが開きます.

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

二、自動更新ページ1.ページ自動更新:下記のコードをエリアのエリアの20は20秒後にジャンプします.http://www.jb51.netページ3.ページは自動的にjs版を更新します.
＜script laguage=「JavaScript」function mrefresh(){window.locations.reload();setTimeout('myrefresh()、//1秒で一回更新するよう指定します.三、javaはServler、アクションなどのプログラムを書く時に、操作してページに戻ります.

 
  
 
  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>");

四、JSフレームを更新するスクリプトステートメント1.フレームを含むページをどうやって更新しますか?

 
  
 
  <script language=JavaScript> 
 parent.location.reload(); 
 </script>

2.親ウィンドウの更新

 
  
 
  <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.ウィンドウを閉じたい時に更新したり、窓を開けたい時に更新したい場合は、以下のような文言をで呼び出してもいいです.body onload="opener.locations.reload">窓を開ける時にを更新します.閉じる時に更新します.

 
  
 
  <script language="javascript"> 
 window.opener.document.location.reload() 
 </script>

JavaScriptはページジャンプのいくつかの方法を実現します.
window.location.href=「new.jsp?msg='hello」
self.location='new.jsp?pam='omg'
window.navigate(「new.jsp」);
top.location="show.jsp"

jsのcallとappyの方法の勉強