Iframe刷新父窗口的几种方式

最新推荐文章于 2022-01-12 12:57:46 发布
最新推荐文章于 2022-01-12 12:57:46 发布
阅读量110 收藏
点赞数

在iframe的子页面中，使用onload刷新父页面的时候，遇到了一些问题。

  1. <body onload="">

1、目前来说，测试成功，并且兼容IE6/7和FF的刷新方式。

  1. <script language=JavaScript>   
  2.    parent.window.location.href="url";   
  3. </script>

2、个别情况下出现IE6/7“没有权限”的JS错误提示信息，FF下也出现错误提示。原因不明。

  1. <script language=JavaScript>   
  2.    parent.window.location.reload();   
  3. </script>

3、在FF下可能导致父页面的重复刷新，页面陷入死循环

  1. <script language=JavaScript>   
  2.    top.location.reload();   
  3. </script>

 

 

weixin_34013044
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
html中iframe控制父页面刷新实现思路及代码
12-14
一、应用场景 父页面 a.jsp 子页面 b.jsp，作为a页面中嵌入的iframe指向的页面 复制代码代码如下: <body> <iframe id=”frame” src=”b.jsp” …/> </body> 现在在b页面中做了一项操作，操作结束后，需要达到a页面中嵌入的iframe刷新 二、思路 在b页面中找到a页面，然后找到a页面里的iframe，重新对iframe的src属性进行赋值。 三、实现 在b.jsp中 复制代码代码如下: function refresh(){ var frame = window.parent.document.getElementByI
JS刷新父窗口的几种方式小结(推荐)
11-28
以下是一些在不同场景下刷新父窗口的常见方法： 1. **`parent.location.reload()`** 当子页面是通过iframe或者frame加载在父页面中时，我们可以使用`parent.location.reload()`来刷新父页面。这个方法会重新加载父...
[笔记]iframe刷新父页面
weixin_33953384的博客
03-26 197
为什么80%的码农都做不了架构师？>>> ...
iframe刷新父页面
热门推荐
从现在go，一切都不迟
07-06 1万+
一，iframe刷新父页面  iframe页面是内嵌到父页面的，当点击iframe页面的服务器控件时，默认只刷新iframe页面，父页面是不会刷新的。若想刷新父页面，可以使用js来实现，如  1. parent.location.reload();  这种方法会重新加载整个页面。但如果要在原页面的基础上传递参数，则可以使用下面的方法：  2.top.document.location.hr
iframe刷新父页面的方法及按钮刷新集合
twinkleliang的专栏
12-11 329
iframe中刷新父页面方法及一些按钮刷新代码集合【原创+转】2009-07-23 11:12a页面里iframe了个b页面，我想实现在b页面里一个按钮，一按就刷新a页面，也就是父页面，不是只刷新iframe里面的b页面 哦~ 请问b页面里的 那个onclick 要怎么写呢？啊哈 答案是：parent.location.reload() ； 以下是网上的： 十一种刷新按...
demo_DEMO_子页面刷新父页面iframe_
09-30
标题“demo_DEMO_子页面刷新父页面iframe_”暗示我们关注的焦点是关于如何在子页面中触发父页面的刷新操作，特别是在一个IFrame上下文中。下面将详细探讨这个主题。 首先，我们需要了解IFrame（内联框架）的基本...
js实现刷新iframe的方法汇总
10-24
首先，我们来看几种常见的刷新IFrame的方法： 1. **使用IFrame的name属性定位**： 当IFrame具有name属性时，可以通过`document.frames('ifrmname')`或`document.all.ifrmname`来访问它，然后调用`location.reload...
javascript刷新父页面方法汇总详解
12-13
对于使用`window.showModalDialog()`打开的对话框，可以通过以下方式刷新父窗口： ```html window.parent.dialogArguments.document.execCommand('Refresh'); ``` `dialogArguments`对象提供了对调用`...
通过隐藏iframe实现无刷新上传文件操作
10-22
总结来说，通过隐藏的iframe实现无刷新上传文件，主要涉及以下几个步骤：创建一个隐藏的iframe，使用ReactJS构建上传表单组件，使用Node.js处理文件上传并发送消息到客户端，以及在客户端监听`message`事件处理上传...
iframe刷新父窗口
游荡的狼的专栏
03-25 921
window.parent.location.reload()
IFrame刷新父窗体
tulunta
06-09 123
下面以三个页面分别命名为frame.html、top.html、bottom.html为例来具体说明如何做。 frame.html 由上(top.html)下(bottom.html)两个页面组成，代码如下： &lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"&gt; &lt;HTML&gt; &lt;HEAD&...
iframe中刷新父页面方法及一些按钮刷新代码集合【原创+转】
非典型程序员
12-11 166
a页面里iframe了个b页面，我想实现在b页面里一个按钮，一按就刷新a页面，也就是父页面，不是只刷新iframe里面的b页面 哦~ 请问b页面里的&lt;input type="button" class="btn" value=" 返 回 " onclick="history.back();"&gt;那个onclick 要怎么写呢？啊哈 答案是：parent.location.relo...
iframe子页面刷新父级页面跨域
黄猿帅的博客
01-12 1065
iframe子页面刷新父级页面跨域
[html] 怎样使用iframe刷新父级页面
歌谣的博客
04-12 395
[html] 怎样使用iframe刷新父级页面 //在父页面中 window.addEventListener("message",function(e){ if(e.data.reload){ winodw.location.reload() } }, false); //在子页面中 window.parent.postMessage({reload:true}) 个人简介 我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，
[html] 怎样使用iframe刷新父级页面？
歌谣的博客
03-26 668
[html] 怎样使用iframe刷新父级页面？ //在父页面中 window.addEventListener("message",function(e){ if(e.data.reload){ winodw.location.reload() } }, false); //在子页面中 window.parent.postMessage({reload:true}) 个人简介 我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，
中iframe如何让父页面刷新_如何设计H5编辑器中的模版库并实现自动生成封面图?...
weixin_39610488的博客
01-08 153
前言HTML5是HTML最新的修订版本，设计目的是为了在移动设备上支持多媒体, 以便为我们呈现更丰富的页面表现. HTML5 还是跨平台的，被设计为在不同类型的硬件（PC、平板、手机、电视机等等）之上运行。因此衍生出不同场景下的应用, 比如移动端官网, H5活动页, H5营销页等. 随着互联网对的发展, 在大数据领域中的移动端BI模型, 也可以用H5来承载.为了满足以上需求, 已经有很多企业开始搭...
iframe子页面刷新父页面
weixin_33841722的博客
08-15 170
在子页面刷新父页面，可以用js代码来实现。 只需加入下面的代码：&lt;script language="javascript"&gt;parent.location.replace(parent.location.href); &lt;/script&gt; .NET中在后台处理完数据可以：Response.Write("&lt;script language=“javascript”&g...
iframe页面js鼠标右键刷新父页面不变
最新发布
07-09
如果想在iframe页面中的js代码中实现鼠标右键父页面而不刷新自的功能，你可以window.parent.location.reload()`来刷新父页面。是示例代码： ```javascript document('contextmenu', function(e) { e(); if (e.target.tagName.toLowerCase() 'iframe') { window.parent.location.reload } }); ``` 这段代码会在页面中监听右键点击事件，如果点击目标元素是iframe，则通过`window.parent.location()`来刷新父页面。使用`e.preventDefault()`可以阻止浏览器的右键菜单弹出。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值