js 刷新页面window.location.reload();分析

不点阅读：621 2020-01-03 17:00:34 评论：0

Javascript刷新页面的几种方法：

1    history.go(0) 
2    window.location.reload() 
     window.location.reload(true)  
3    location=location 
4    location.assign(location) 
5    document.execCommand(''Refresh'') 
6    window.navigate(location) 
7    location.replace(location) 
8    document.URL=location.href

Frame框架：

1 frame.html： 
2  
3 <frameset rows="50%,50%"> 
4        <frame name=top src="top.html"> 
5        <frame name=bottom src="bottom.html"> 
6   </frameset>

七种语句：

    语句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();

top.html 页面的代码如下：

1 <input type=button value="刷新1" onclick="window.parent.frames[1].location.reload()">

bottom.html页面：

1 <body onload="alert(''我被加载了！'')"> 
2       <h1>This is the content in bottom.html.</h1> 
3 </body>

1.window指代的是当前页面，例如对于此例它指的是top.html页面。
    2.parent指的是当前页面的父页面，也就是包含它的框架页面。例如对于此例它指的是frame.html。
    3.frames是window对象，是一个数组。代表着该框架内所有子页面。
    4.item是方法。返回数组里面的元素。
    5.如果子页面也是个框架页面，里面还是其它的子页面，那么上面的有些方法可能不行。

如果想关闭窗口时刷新或者想开窗时刷新的话，在<body>中调用以下语句即可。

<body onload="opener.location.reload()"> 开窗时刷新 
<body onUnload="opener.location.reload()"> 关闭时刷新

//子窗口刷新父窗口
<script language=JavaScript>
self.opener.location.reload();
</script>
(　或　<a href="javascript:opener.location.reload()">刷新</a> )

标签:CSS JavaScript jquery 前端

声明

1.本站遵循行业规范，任何转载的稿件都会明确标注作者和来源；2.本站的原创文章，请转载时务必注明文章作者和来源，不尊重原创的行为我们将追究责任；3.作者投稿可能会经我们编辑修改或补充。

发表评论 取消回复