<rt id="bn8ez"></rt>
<label id="bn8ez"></label>
  • 

    • <span id="bn8ez"></span>
    

    <label id="bn8ez"><meter id="bn8ez"></meter></label>
    

    
    

    




    







												


        


    
	
    
		
			

    

    
	
    
		
			
    J2EE社區
    
			茍有恒,何必三更起五更眠;
    最無益,只怕一日曝十日寒.
		    		
	
    

    

    

    

    posts - 241, comments - 318, trackbacks - 0, articles - 16
    


    		
	
    
	
    
		
			
		
		
			
    
				
					
	
    
		
    
			
    
				js刷新頁面 方法大全
			
    
 			Posted on 2010-05-29 11:30 xcp 閱讀(53731) 評論(2)  編輯  收藏  所屬分類: Javascript 
			
			


		
    
		
    本文轉載于：http://www.jb51.net/article/14397.htm
    

    
一、先來看一個簡單的例子：
    
        下面以三個頁面分別命名為frame.html、top.html、bottom.html為例來具體說明如何做。 
    
         
    
        frame.html 由上(top.html)下(bottom.html)兩個頁面組成，代碼如下： 
    

     1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
    
     2<HTML> 
    
     3<HEAD> 
    
     4<TITLE> frame </TITLE> 
    
     5</HEAD> 
    
     6<frameset rows="50%,50%"> 
    
     7   <frame name=top src="top.html"> 
    
     8   <frame name=bottom src="bottom.html"> 
    
     9</frameset> 
    
    10</HTML> 
    
     
    
        現在假設top.html (即上面的頁面) 有七個button來實現對bottom.html (即下面的頁面) 的刷新，可以用以下七種語句，哪個好用自己看著辦了。      

     1top.html 頁面的代碼如下： 
    
     2
    
     3<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
    
     4<HTML> 
    
     5<HEAD> 
    
     6<TITLE> top.html </TITLE> 
    
     7</HEAD> 
    
     8<BODY> 
    
     9  <input type=button value="刷新1" onclick="window.parent.frames[1].location.reload()"><br> 
    
    10  <input type=button value="刷新2" onclick="window.parent.frames.bottom.location.reload()"><br> 
    
    11  <input type=button value="刷新3" onclick="window.parent.frames['bottom'].location.reload()"><br>  
    
    12  <input type=button value="刷新4" onclick="window.parent.frames.item(1).location.reload()"><br> 
    
    13  <input type=button value="刷新5" onclick="window.parent.frames.item('bottom').location.reload()"><br> 
    
    14  <input type=button value="刷新6" onclick="window.parent.bottom.location.reload()"><br> 
    
    15  <input type=button value="刷新7" onclick="window.parent['bottom'].location.reload()"><br> 
    
    16</BODY> 
    
    17</HTML> 
    
    18
    
           
    
           下面是bottom.html頁面源代碼，為了證明下方頁面的確被刷新了，在裝載完頁面彈出一個對話框。  

     1
    
     2<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
    
     3<HTML> 
    
     4<HEAD> 
    
     5<TITLE> bottom.html </TITLE> 
    
     6</HEAD> 
    
     7<BODY onload="alert('我被加載了！')"> 
    
     8   <h1>This is the content in bottom.html.</h1> 
    
     9</BODY> 
    
    10</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.頁面自動刷新：把如下代碼加入<head>區域中       

    <meta http-equiv="refresh" content="20"> 
    
其中20指每隔20秒刷新一次頁面. 
    
       2.頁面自動跳轉：把如下代碼加入<head>區域中
    

    <meta http-equiv="refresh" content="20;url=http://xcp.blogjava.net"> 
    
其中20指隔20秒后跳轉到http://xcp.blogjava.net頁面 
    
      3.頁面自動刷新js版 
    

    <script language="JavaScript"> 
    
        function myrefresh() 
    
        { 
    
           window.location.reload(); 
    
    }     
    
    setTimeout('myrefresh()',    1000); //指定1秒刷新一次 
    
    </script> 
    

    

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

    
四、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>中調用以下語句即可。 

    <body onload="opener.location.reload()"> 開窗時刷新 
    
    <body onUnload="opener.location.reload()"> 關閉時刷新 
    
    <script language="javascript"> 
    
    window.opener.document.location.reload() 
    
    </script> 
    


    


    名稱: ?4C.ESL | .↗Evon 
    口號: 遇到新問題?先要尋找一個方案乄而不是創造一個方案こ
    mail: 聯系我 
    

    
	
    


    
	    
    

    Feedback
    
	
			
    
				
    
					
    
						# re: js刷新頁面 方法大全  回復  更多評論
						  
					
    
					2011-12-17 23:10 by 博而優則賺
				
    
				
    很有用，收藏了
    
			
    
		
			
    
				
    
					
    
						# re: js刷新頁面 方法大全  回復  更多評論
						  
					
    
					2012-09-23 15:31 by ss
				
    
				
    dfdafd
    
			
    
		




    








    

				
			
    
		    		
	
    
	
    
		
			

		
	
    

    


    







    
        
	



主站蜘蛛池模板：
毛片a级毛片免费播放100|
日韩精品人妻系列无码专区免费|
久久久高清免费视频|
亚洲视频在线观看不卡|
在线免费中文字幕|
亚洲福利电影一区二区?|
亚欧色视频在线观看免费|
老色鬼久久亚洲AV综合|
最近2019免费中文字幕视频三|
亚洲精品午夜视频|
国产成人A在线观看视频免费
|
免费人成在线观看网站|
亚洲成AV人片在线观看无码|
99国产精品免费观看视频|
亚洲国产av美女网站|
免费看美女被靠到爽|
成人精品国产亚洲欧洲|
国产亚洲欧洲Aⅴ综合一区
|
日韩免费毛片视频|
一区二区在线视频免费观看|
国产成A人亚洲精V品无码
|
一级女性全黄久久生活片免费|
亚洲人成电影在线播放|
午夜免费福利片观看|
国产精品高清视亚洲一区二区|
免费国产精品视频|
最近免费中文字幕中文高清|
337p日本欧洲亚洲大胆色噜噜|
成年在线观看网站免费|
免费无码AV一区二区|
亚洲精品免费观看|
免费无码看av的网站|
a视频免费在线观看|
亚洲AV无码一区二区三区在线
|
亚洲男同帅GAY片在线观看|
亚洲一区二区免费视频|
立即播放免费毛片一级|
亚洲伦另类中文字幕|
国产gav成人免费播放视频|
免费91麻豆精品国产自产在线观看|
亚洲成人高清在线观看|