您的位置：首页 > Web前端 > JavaScript

JavaScript刷新页面的方法（包括Frame框架的刷新方式）

2017-02-14 22:53 435 查看
JavaScript刷新页面的方法

1 history.go(0) 去指定的某页

2 window.location.reload()刷新当前页面

window.location.reload(true)

在实际应用的时候，重新刷新页面的时候，我们通常使用： location.reload() 或者是 history.go(0) 来做

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框架：

ex:

frame.html：

<frameset rows="50%,50%">

<frame name=top src="top.html">

<frame name=bottom src="bottom.html">

</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 页面的代码如下：

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

bottom.html页面：

<body onload="alert(''我被加载了！'')">

<h1>This is the content in bottom.html.</h1>

</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> )



子窗口的刷新和跳转：



内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航