页面刷新方法

 1  1,reload 方法,该方法强迫浏览器刷新当前页面。
 2 
 3   语法:location.reload([bForceGet])
 4 
 5   参数: bForceGet, 可选参数, 默认为 false,从客户端缓存里取当前页。true, 则以 GET 方式,从服务端取最新的页面, 相当于客户端点击 F5("刷新")
 6 
 7 [html] view plain copy
 8 <script language="JavaScript">  
 9 window.location.reload();  
10 </script>  
11 
12 这样就实现了页面刷新了,当然还有其它办法了,那么要刷新框架页面我们要如何操作
13 [javascript] view plain copy
14 //方法1  
15   
16 document.getElementById('FrameID').contentWindow.location.reload(true);  
17   
18   
19 //方法2  
20 document.getElementById('youriframe').src=src;  
21 
22 实例:
23 [html] view plain copy
24 <iframe id="myframe" width="100%" frameBorder="0" src="test.html" scrolling="no"></iframe>  
25 <input type="button" onclick="javascript:refreshFrame();" value="Refresh Frame" />  
26    
27 <script type="text/javascript">  
28 <!--  
29 function refreshFrame(){  
30     document.getElementById('myframe').contentWindow.location.reload(true);  
31 }  
32 //-->  
33 </script>  
34 
35 二。jquery实现强制刷新
36 
37   $('#iframe').attr('src', $('#iframe').attr('src'));
38 
39 三,如果是打开的新页面我们要刷新的话可以使用如下代码来刷亲
40 
41 [html] view plain copy
42 //刷新包含该框架的页面用     
43 <script language=JavaScript>  
44    parent.location.reload();  
45 </script>  
46 //子窗口刷新父窗口  
47 <script language=JavaScript>  
48     self.opener.location.reload();  
49 </script>  
50 ( 或 <a href="javascript:opener.location.reload()">刷新</a>   )  
51 //刷新另一个框架的页面用     
52 <script language=JavaScript>  
53    parent.另一FrameID.location.reload();  
54 </script>  
55 
56 总结:网上一大堆document.frames('ifrmname').location.reload()已经不能用了
57 
58 自己验证
59 
60 页面中动态加载子窗体内容的情况,
61 
62 [javascript] view plain copy
63 $("#refresh").click(function(){  
64      parent.location.reload();  
65 });  
66  刷新当前子窗体
67 
68 [javascript] view plain copy
69             $("#refresh").click(function() {  
70                 self.location.reload();  
71             });  

 

posted @ 2018-04-24 09:46  前端极客  阅读(17694)  评论(0编辑  收藏  举报