专栏中心

EEPW首页 > 专栏 > js刷新界面

js刷新界面

发布人:liuqiong 时间:2014-07-08 来源:工程师 发布文章

先来看一个简单的例子:

下面以三个页面分别命名为frame.html、top.html、bottom.html为例来具体说明如何做。

frame.html 由上(top.html)下(bottom.html)两个页面组成,代码如下:

frame   

现在假设top.html (即上面的页面) 有七个button来实现对bottom.html (即下面的页面) 的刷新,可以用以下七种语句,哪个好用自己看着办了。   

语句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 页面的代码如下:

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

bottom.html 页面的代码如下:

bottom.htmlThis is the content in bottom.html.

解释一下:

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

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

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

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

  5. 如果子页面也是个框架页面,里面还是其它的子页面,那么上面的有些方法可能不行。附: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版ASP.NET如何输出刷新父窗口脚本语句

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

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

        3. Response.Write("")

        JS刷新框架的脚本语句//如何刷新包含该框架的页面用    //子窗口刷新父窗口( 或 刷新 )//如何刷新另一个框架的页面用 如果想关闭窗口时刷新或者想开窗时刷新的话,在中调用以下语句即可。开窗时刷新关闭时刷新

专栏文章内容及配图由作者撰写发布,仅供工程师学习之用,如有侵权或者其他违规问题,请联系本站处理。 联系我们

关键词:

相关推荐

IDF 2010 MeeGo展区QT介绍

视频 2010-04-19

小体积 .低功耗 | 金升阳接触器专用控制模块——SE系列

大连Moblin研讨会视频 II

视频 2010-04-19

赋能1700V高压系统:金升阳QA-R4系列驱动器专用DC/DC模块电源

宽压9-40V输入SIP8 15W国产化模块电源 ——URB24_S-15WR3G系列

USB求助

tjjack 2005-05-12

2009 “英特尔杯”全国计算机多核程序设计大赛2

当6 TOPS不再是极限:米尔RK3576 + Hailo-8,让高帧率摄像头真正“实时”

长鑫科技IPO最新进展

2026-04-02

IDF2010:解读个人电脑

视频 2010-04-22

MPS亮相第十四届储能国际峰会暨展览会, 展示多场景储能系统解决方案

再决胜负?中国AI人才正在改写全球版图

2026-04-02

满足200%峰值功率5S机壳电源--LM450/600-20BxxS系列

2009 “英特尔杯”全国计算机多核程序设计大赛1

铠侠UFS 5.0为端侧AI带来全新体

择高而立 破局增长 | 金升阳2026年经销商大会圆满成功!

2026-04-02
更多 培训课堂
更多 焦点
更多 视频

技术专区