下面以三个页面分别命名为framedemo.html,top.html,button.html为例来具体说明如何做。
其中framedemo.html由上下两个页面组成,代码如下:
以下是引用片段: <!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.0Transitional//EN"> <HTML> <HEAD> <TITLE>frameDemo</TITLE> </HEAD> <framesetrows="50%,50%"> <framename=topsrc="top.html"> <framename=buttonsrc="button.html"> </frameset> </HTML> |
现在假设top.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源代码;(页面上有七个按钮,功能都是刷新下面的框架页面)
以下是引用片段: <!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.0Transitional//EN"> <HTML> <HEAD> </HEAD> <BODY> <inputtype=buttonvalue="刷新1"onclick="window.parent.frames[1].location.reload()"><br> <inputtype=buttonvalue="刷新2"onclick="window.parent.frames.bottom.location.reload()"><br> <inputtype=buttonvalue="刷新3"onclick="window.parent.frames['bottom'].location.reload()"><br> <inputtype=buttonvalue="刷新4"onclick="window.parent.frames.item(1).location.reload()"><br> <inputtype=buttonvalue="刷新5"onclick="window.parent.frames.item('bottom').location.reload()">br> < inputtype=buttonvalue="刷新6"onclick="window.parent.bottom.location.reload()"><br> < inputtype=buttonvalue="刷新7"onclick="window.parent['bottom'].location.reload()"><br> </BODY> </HTML> |
下面是bottom.html页面源代码,为了证明下方页面的确被刷新了,在装载完页面弹出一个对话框。
以下是引用片段: <!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.0Transitional//EN"> <HTML> <HEAD> </HEAD> <BODYonload="alert('我被加载了!')"> <h1>Thisisthecontentinbutton.html.</h1> </BODY> </HTML> |
分享到:
相关推荐
Javascript 刷新框架及页面的方法总集
近越来越感觉JS的优越性,项目中用到关于框架页面刷新的方法,在网上搜索以后发现有许多不错的代码,但不是很齐全。于是,我索性从网络上搜集以后经过精心编排,整理了一下。^ - ^ 希望大家多多指教!
用iframe、弹出子页面刷新父页面iframe [removed] parent.location.reload(); [removed] 弹出子页面 [removed] window.opener.location.reload(); [removed] 子窗口刷新父窗口 [removed] self.opener.location....
先来看一个简单的例子:下面以三个页面分别命名为frame.html、top.html、bottom.html为例来具体说明如何做。frame.html 由上(top.html)下(bottom.html)两个页面组成,代码如下: 代码如下:<! DOCTYPE ...
框架页面高度自动刷新,加载index.htm时候,每隔1秒钟自动调用脚本刷新框架页面代码,具体实现如下,感兴趣的朋友可以了解下
right.html 多框架分离页面时使用的右侧框架页面。 第10章(\c10) 示例描述:学习JavaScript中的正则表达式。 10.1.html 使用句点符号匹配特定字符串。 10.2.html 使用方括号符号实现匹配出租车牌号。...
Iframe是一种嵌入网页的框架形式,Web页面可以通过更改嵌入的部分,达到部分内容刷新,通过本文和大家一起学习iframe实现局部刷新的几种方法汇总,对iframe局部刷新相关知识感兴趣的朋友一起学习吧
1.20 用JavaScript随机修改页面的标题.htm 1.21 判断网页加载完毕.htm 1.22 嵌入网页的播放器.htm 1.23 设置指定网页为主页.htm 1.24 使用JavaScript传递页面参数.htm 1.25 页面被冻结.htm 1.26 页面的地震...
本书不仅介绍了基础知识和使用方法,也深入探讨了JavaScript应用示例。 《JavaScript基础教程(第8版)》适合有志于从事Web开发和Web设计的初学者阅读,也是高校相关课程理想的教材。 第1章 了解JavaScript 1 1.1 ...
1.21 用JavaScript随机修改页面的标题 1.22 判断网页加载完毕 1.23 嵌入网页的播放器 1.24 设置指定网页为主页 1.25 使用JavaScript传递页面参数 1.26 页面被冻结 第 2章 按钮特效 2.1 页面刷新按钮 2.2 按回车调用...
1.21 用JavaScript随机修改页面的标题 1.22 判断网页加载完毕 1.23 嵌入网页的播放器 1.24 设置指定网页为主页 1.25 使用JavaScript传递页面参数 1.26 页面被冻结 第 2章 按钮特效 2.1 页面刷新按钮 2.2 按回车调用...
很多程序员无论是新手还是老的程序员都避免不了关于JS刷新页面的相关内容,在本文中我们整理了软件开发网总结的关于JS页面刷新的相关重要知识点文章,一起来跟着学习下。... JS刷新框架的脚本语句 JS相关刷新的实例代
实例110 使用toLocaleString()方法获取本地时间 176 实例111 全中文显示日期 176 实例112 在状态栏中显示日期时间 178 实例113 使用数组显示星期 179 实例114 在表格中显示时间 180 实例115 退出页面时显示停留时间 ...
1.20 用JavaScript随机修改页面的标题.htm 1.21 判断网页加载完毕.htm 1.22 嵌入网页的播放器.htm 1.23 设置指定网页为主页.htm 1.24 使用JavaScript传递页面参数.htm 1.25 页面被冻结.htm 1.26 页面的地震...
React框架拥有服务器渲染实现快速的页面加载和在浏览器中页面之间无缝转换
用JavaScript刷新上级页面和当前页面 代码如下: [removed] //刷新上级页面 //window.parent.main.[removed].reload(); //刷新当前页面 [removed].reload(); [removed] 每个frame元素或者iframe元素就是一个框架,这个...
使用spa之后,页面在切换的时候非常流畅,完全没有那种不断刷新的感觉,而是非常快的就有了响应,因为js运行速度很快,所以js在做本地路由的时候,就会非常快。 -单页应用没有页面之间的切换,就不会出现“白屏...
那么今天我们一起来看一下如何在使用了PHP Frameworks的网站中使用AJAX来刷新页面的一小部分。 这里我使用的是jQuery + Laravel(当然如果使用了其他框架,基本的概念也是不变的)。如图,假设我们制作了一个页面来...
通过此扩展程序,您可以使用键盘快捷方式(在Mac上为Cmd + Ctrl + R,在其他情况下为Alt + Shift + R)刷新框架,如果没有框架处于活动状态,它将回退以刷新整个页面。 安装 手动安装 克隆这个git仓库git clone ...