用JS完成对opener或指定iframe页面的自动刷新

最新推荐文章于 2023-07-27 10:35:32 发布
原创 最新推荐文章于 2023-07-27 10:35:32 发布 · 296 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
这篇博客介绍了如何使用JavaScript实现对opener窗口或指定iframe页面的自动刷新功能。通过设置onclick事件，分别展示了弹出新窗口关闭后使左侧框架页面刷新，以及点击按钮后使底部页面刷新的示例代码。此外，还提到了open.asp中关闭新窗口并刷新opener页面的技巧，强调该功能仅适用于IE6及以上版本。

这是一个很久以前的功能了。ajax流行时，被一些小朋友当成了ajax。其实都是js完成的。

其实，重点就是：你想刷新的页面的名字.location.reload(); 比如：打开者.父母.iframe名.location.reload();

框架页index.asp:

<html>

<head>
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">
<title>新建网页 1</title>
</head>

<frameset rows="64,*,19">
 <frame name="top" scrolling="no" noresize target="contents" src="top.asp">
 <frameset cols="150,*">
  <frame name="contents" target="main" src="left.asp">
  <frame name="main" src="right.asp">
 </frameset>
 <frame name="bottom" scrolling="no" noresize target="contents" src="bottom.asp">
 <noframes>
 <body>

 <p>此网页使用了框架，但您的浏览器不支持框架。</p>

 </body>
 </noframes>
</frameset>

</html>

top.asp:

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>新建网页 1</title>
<base target="contents">
</head>

<body>
<%=time()%>
</body>

</html>

leftp.asp:

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>新建网页 4</title>
<base target="main">
</head>

<body>
<%=time()%>
</body>

</html>

right.asp:（关键在这里）

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>right</title>
</head>

<body>
  <form method="POST">
 <p align="center">
 <input type="button" value="弹出新窗口(Opener)，新窗口关闭后左侧框架页面自动刷新" name="B1" onclick="javascript:window.open('open.asp')"><br>
&nbsp;<input type="button" value="框架,点击后，底部的页面自动刷新" name="B2" onclick="javascript:parent.frames('bottom').document.location.reload();"><%=time()%><br>
 以上功能仅适用于IE6或以上</p>
</form>
</body>

</html>

bottom.asp：

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>新建网页 3</title>
<base target="contents">
</head>

<body>
<%=time()%>
</body>

</html>

open.asp：关键在这里，不能加入“window.opener = null”，否则无效

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>open</title>
</head>

<body>

<p align="center">
 <input type="button" value="点击后本窗口关闭，Opener的框架的左侧的页面自动刷新(仅适用于IE6以上)" name="B3" onclick="javascript:opener.parent.frames('contents').location.reload();window.close();"></p>
</body>

</html>

关闭时刷新父窗口两种方法
12-12
window.opener.location.reload()刷新父窗口window.opener.location.reload() 与 window.opener.location.href=window.opener.location.href 都是弹出窗口关闭时用来刷新父窗口。 但[removed].Reload 如果有数据提交的动作，会提示是否提交的(是和否选项) window.opener.location.href=window.opener.location.href 是定向url提交数据，则不会出现是和否 的选择框。
[转] js prototype详解
aiguke3395的博客
03-17 108
JavaScript能够实现的面向对象的特征有：·公有属性(public field)·公有方法(public Method)·私有属性(private field)·私有方法(private field)·方法重载(method overload)·构造函数(constructor)·事件(event)·单一继承(single inherit)·子类重写父类的属性或方法(overrid...
iframe嵌套视频源,一直刷新网页
luzkingforever的专栏
07-13 2094
问题表现:iframe嵌套视频在ios设备上一直刷新 解决方案:更换视频源:换成优酷爱奇艺,乐视的测下,有可能是视频源本身的问题
谈谈Iframe的自动刷新
win的小屋
05-05 8743
<br />  最近遇到需要页面自动刷新的功能，于是乎就想到了Iframe……<br />  Iframe在单个页面中可以正常的实现自动刷新<br />  举一个关于不断往a.txt中写信息的小例子：<br /> <br />all.cgi页面的代码<br /><html><br /><head><br /> <meta http-equiv='Content-Type' content='text/html; charset=UTF-8'/><br /> <title>all device</title>
页面中存在iframe时刷新页面的问题
热门推荐
TrueMan's Blog
09-01 2万+
近期在开发中遇到一个很奇怪的问题：HTML页面中有个iframe，初始情况下是空的，当点击特定按钮后iframe会加载特定页面。 但很快就发现有点问题了：当iframe加载了特定页面后，此时只要按F5刷新页面，iframe仍然会显示刚刚加载过的页面，而不是初始化时的空页面。 但更奇怪的事是：同样的HTML代码，只要把文件名改为php（其他动态语言脚本没有试过）就不会出现上面的问题， 另外如果
多窗口页面实现之window.open和iframe
LavanSum的博客
07-13 6793
复杂的项目开发，是避免不了多窗口的window.open使用和iframe的使用的，如下简单介绍这两种多窗口页面实现方式：   1、window.open方法 open() 方法用于打开一个新的浏览器窗口或查找一个已命名的窗口。 语法： window.open(URL,target,specs,replace) 参数： URL:  可选。打开指定的页面的URL。如果没有指定URL，打...
javascript的top，parent，opener,iframe
jun_yuner的专栏
12-17 3430
top：分割窗口最高层次的浏览器窗口。采用如下方式进行访问：top.frames[sub_frm].*********parent：当前分割窗口的父窗口。采用如下方式访问：parent.document.*********opener：指用WINDOW.OPEN等方式创建的新窗口对应的原窗口。iframe:在一个页面含有某个iframe，其id="iframeA" name="Ifra
js parent opener top
weixin_30652879的博客
05-09 99
iframe中js的加载顺序要晚于主页面中js的加载 window parent opener top： console.log(window); console.log(window.parent); console.log(window.top); console.log(window.opener); 1、主页面中嵌入iframe1，iframe1点击跳转到...
js中 opener和parent的介绍及区别
seraph的专栏
12-03 767
opener即谁打开我的，比如A页面利用window.open弹出了B页面窗口，那么A页面所在窗口就是B页面的opener，在B页面通过opener对象可以访问A页面。parent表示父窗口，比如一个A页面利用iframe或frame调用B页面，那么A页面所在窗口就是B页面的parent。在JS中，window.opener只是对弹出窗口的母窗口的一个引用。比如：a.html中，通过点击按钮等方式
javascript opener 用法
wwwhongxia的专栏
05-16 4727
window.opener 的用法在一般的用法中，只是用来解决关闭窗口时不提示弹出窗口， 而对它更深层的了解一般比较少。 其 实 window.opener是指调用window.open方法的窗口。 在工作中主要是用来解决部分提交的。这种跨页操作对工作是非常有帮助的。 如果你在主窗口打开了一个页面，并且希望主窗口刷新就用这个，打开页面的window.opener就相当于 主窗口的windo
window.open 与 iframe
weixin_34183910的博客
07-30 774
https://www.cnblogs.com/qianxunpu/p/7086411.html1.window.open window.open();方法的父子页面 注意：这两个文件不能再本地直接打开，会报错：必须要在架设在服务器上 否则会报错 children.html:11 Uncaught DOMException: Blocked a frame with origin ...
window.open 和 iframe 打开子窗口 使用 postMessage 实现父子窗口传值示例
weixin_56295520的博客
07-27 3734
【代码】window.open 和 iframe 打开子窗口 使用 postMessage 实现父子窗口传值示例。
window.opener用法
无心程序员
11-13 5940
window.opener 实际上就是通过window.open打开的窗体的父窗体。比如在父窗体parentForm里面 通过 window.open("subForm.html"),那么在subform.html中 window.opener就代表parentForm,可以通过这种方式设置父窗体的值或者调用js方法。如：1,window.opener.test(); ---调用父
刷新iframe
xiaoran_1997的博客
07-11 5323
刷新iframe
javascript操作框架和窗口
03-03 2121
一、Iframe 篇 //&&&&&&&&&&&&&&&&&&&&公共方法开始&&&&&&&&&&&&&&&//父对象得到子窗口的值//ObjectID是窗口标识，ContentID是元素IDfunction GetValue(ObjectID,ContentID){       var IsIE = (navigator.appName == Microsoft I
关于iframe 与父页面之间进行交互的一些方法(另：包括window.opener)
weixin_33700350的博客
08-29 370
1:iframe 调用 父页面的方法： 如：window.parent.$("#import_buton").click(); window.parent.***；2:在父页面调iframe的方法；中括号内为iframe的名字；如：window.frames["ifrmname"].$("#open").click(); window.frames[iframe名...
在window.opener打开的新窗口中的iframe页面中 刷新父页面
前端小贰
11-19 1382
场景：在页面A中，使用window.opener()打开了一个新的页面B，页面B中使用iframe嵌套了一个页面C 需求1：在页面B中刷新页面A 解决：self.opener.location.reload() 需求2：在页面C中刷新页面A 解决：top.opener.location.reload() 相关知识可参考 http://www.cnblogs.com/xushuyi/art...
js刷新页面方法大全
zy408710468的专栏
05-07 2263
1，reload 方法，该方法强迫浏览器刷新当前页面。 语法：location.reload([bForceGet])    参数： bForceGet， 可选参数， 默认为 false，从客户端缓存里取当前页。true, 则以 GET 方式，从服务端取最新的页面, 相当于客户端点击 F5("刷新") 2，replace 方法，该方法通过指定URL替换当前缓存在历史里（客户端）的项目，因
JS 刷新父页面的指定的iframe
qq_39854260的博客
10-27 739
遇到的问题: 在一个新的弹窗页面操作完毕之后,刷新父页面的指定iframe模块; 直接上答案: opener.frames["*"].location.reload(); // * 指的是指定父页面iframe的name属性 其中的符号 * 指的是父页面的指定的iframe的name属性的值; 举例子如果父类的iframe的name属性为testFrame 那么此段代码则写作为:opener.frames["testFrame "].location.reload(); 如果不是弹窗只是父页...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值