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

js刷新页面的几种方法

2013-10-16 20:18 246 查看
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框架:

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> )
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: