js.php页面框架购买,JavaScript刷新框架子页面的七种方法（总结）

本文给大家介绍JavaScript刷新框架子页面的七种方法，有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所帮助。

下面以三个页面分别命名为framedemo.html，left.html，right.html为例来具体说明如何做。

其中framedemo.html由左右两个页面组成，代码如下：

< HTML>

< HEAD>

< TITLE> frameDemo

< /HEAD>

< frameset cols="200,*">

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

< frame name=button src="right.html">

< /frameset>

< /HTML>

现在假设left.html即上面的页面有一个button来实现对下面页面的刷新，可以用以下七种语句，哪个好用自己看着办了。//语句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();

解释一下：

1.window指代的是当前页面，例如对于此例它指的是top.html页面。

2.parent指的是当前页面的父页面，也就是包含它的框架页面。例如对于此例它指的是framedemo.html。

3.frames是window对象，是一个数组。代表着该框架内所有子页面。

4.item是方法。返回数组里面的元素。

5.如果子页面也是个框架页面，里面还是其它的子页面，那么上面的有些方法可能不行。

top.html源代码；(页面上有七个按钮，功能都是刷新下面的框架页面)

< HTML>

< HEAD>

< /HEAD>

< BODY>

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

< input type=button value="刷新2" οnclick="window.parent.frames.bottom.location.reload()">

< input type=button value="刷新3" οnclick="window.parent.frames['bottom'].location.reload()">

< input type=button value="刷新4" οnclick="window.parent.frames.item(1).location.reload()">

< input type=button value="刷新5" οnclick="window.parent.frames.item('bottom').location.reload()">

< input type=button value="刷新6" οnclick="window.parent.bottom.location.reload()">

< input type=button value="刷新7" οnclick="window.parent['bottom'].location.reload()">

< /BODY>

< /HTML>

下面是right.html页面源代码，为了证明下方页面的确被刷新了，在装载完页面弹出一个对话框。

< HTML>

< HEAD>

< /HEAD>

< BODY οnlοad="alert('我被加载了！')">

< h1>This is the content in button.html.

< /BODY>

< /HTML>

经我测试，只能1 和4 显示效果，别的好像不对哟

=============＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

附：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.页面自动刷新：把如下代码加入

区域中

其中20指每隔20秒刷新一次页面.

2.页面自动跳转：把如下代码加入

区域中

其中20指隔20秒后跳转到http://www.wyxg.com页面

3.页面自动刷新js版

function myrefresh()

{

window.location.reload();

}

setTimeout('myrefresh()',1000); //指定1秒刷新一次

ASP.NET如何输出刷新父窗口脚本语句1. this.response.write("");

2. this.response.write("");

3. Response.Write("")

JS刷新框架的脚本语句//如何刷新包含该框架的页面用

< script language=JavaScript>

parent.location.reload();

< /script>

//子窗口刷新父窗口

self.opener.location.reload();

< /script>

(　或　刷新 )

//如何刷新另一个框架的页面用

< script language=JavaScript>

parent.另一FrameID.location.reload();

如果想关闭窗口时刷新或者想开窗时刷新的话，在

中调用以下语句即可。开窗时刷新

window.opener.document.location.reload()

< /script>

总结：以上就是本篇文的全部内容，希望能对大家的学习有所帮助。更多相关教程请访问JavaScript视频教程！

相关推荐：