iframe的一个页面去刷新另一个同级的iframe页面

最新推荐文章于 2023-06-30 01:48:10 发布
最新推荐文章于 2023-06-30 01:48:10 发布
阅读量2.6k 收藏
点赞数
分类专栏： js 文章标签： iframe页面刷新另一个同级页面
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u011511086/article/details/90711187
版权

这里的top指最上面的最外层的页面Window对象,要实现一个（甲iframe）里面的js代码去刷新另一个同级的（乙iframe）页面

参考代码：

$(top.document).find("iframe[src='/FirstPage/Manage']").attr("src",'/FirstPage/Manage');

 

这个代码是在（甲iframe）页面里面写，通过最外层的document，利用jquery查找对象方式来直接查找同级页面，这里使用的

url查找，还可以用其他方式

 

王焜棟琦
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 4
    评论
专栏目录
解决iframe作为子窗口，刷新后iframe页面跳转到其它页面的问题
树洞树洞-单纯记录
04-28 5692
锚点它可以标记一个页面中的一个部分，url中以#后面跟随的就是锚点，然后会直接定位到锚点的内容http://localhost:8030/#footer监听锚点的变化window.onhashchange = function(){ alert("发生变化"); }//拿到锚点的内容 window.onhashchange = function(){ var hash =
iframe元素实现在一个页面内嵌另一个页面
weixin_45609811的博客
09-23 927
先看下效果 刚进入页面时 ↓↓↓↓↓↓↓↓↓↓↓ 点一下跳转到百度 点击一下跳转到个人主页 看看代码 <body> <div class="left"> <ul> <li class="left_text"><a class="a" href="http://www.baidu.com" target="little"...
iframe页面相互调用方法
韭菜的故事
07-25 1万+
最近的项目中嵌入了外部的iframe，想跨域调用自己页面的方法，点击iframe中的返回按钮，返回到父级的上一级页面，因为是自己的项目是单页应用，所以无法直接使用window.location.href，这个需求让我头疼了两天（包括衍生出来的问题），解决了这个问题之后我决定总结一下，首先从简单的开始： 基本概念： window.self: 当前窗口自身的引用 window.parent: 上...
多种方案教你实现iframe嵌套页面相互传参(父子通信)
最新发布
tangdou369098655的博客
06-30 2万+
在工作中，我们会遇到一些需求，使用iframe嵌套另一个页面，这个页面大部分情况下不会部署在父页面相同的域名下，但是又需要父子页面进行数据交互，那么我们该怎么处理呢？接收postMessage方的怎么用呢？postMessage方法有三个参数。欢迎大家指出文章需要改正之处~iframe页面添加代码。iframe页面添加代码。iframe页面添加代码。iframe页面添加代码。一起来看一下效果吧~
一个页面刷新另一个页面
qq_25064691的博客
04-06 1686
一.需求 在同一个iframe的两个页面，在一个页面处理数据后（页面A），要刷新另一个页面（页面B）。 二.具体实现 1.在B页面，先赋值window.name。 2.在A页面，当处理完数据后，找到window.name等于’upload’的索引，在进行刷新 if(top.window['upload']){ top.window['upload'].frames.location.reload(); } ...
用一个frame刷新另一个frame(同一个Frameset中)
宿命java
07-06 300
    &lt; html &gt; 02 &lt; head &gt; 03 &lt; meta http-equiv = "Content-Type" content = "text/html; charset=UTF-8" /&gt; ...
解决iframe里面又出现iframe问题
qq_28975099的博客
06-05 1621
情景重现：开发后台系统，左边为固定菜单栏，右边则是一个iframe存放用户点击后的不同内容 如下图所示：但是，当用户登陆session过期时候iframe里面出现了一个登陆页面，点击登陆以后，里面又在出现一个iframe，如下图所示：当iframe里面有超链接的时候，如果没有特别说明，一般都是在当前iframe里面打开，所以iframe里面的超链接如果是要在完整的页面呈现的话应当在a标签里面添加
IframeA页面嵌套B页面，B页面按钮调用A页面方法
donglingyan的博客
04-10 451
A页面内嵌一个Iframe 到B页面，B页面有个按钮，点击按钮后需调用A页面的Show方法。
demo_DEMO_子页面刷新父页面iframe_
09-30
标题“demo_DEMO_子页面刷新父页面iframe_”暗示我们关注的焦点是关于如何在子页面中触发父页面的刷新操作，特别是在一个IFrame上下文中。下面将详细探讨这个主题。 首先，我们需要了解IFrame（内联框架）的基本...
html中iframe控制父页面刷新实现思路及代码
09-28
正如标题所言具体的实现思路为在b页面中找到a页面，然后找到a页面里的iframe，重新对iframe的src属性进行赋值，下面以实例的方式为大家介绍下，感兴趣的朋友可以参考下哈
PHP+iFrame实现页面无需刷新的异步文件上传
10-25
主要介绍了PHP+iFrame实现页面无需刷新的异步文件上传,包含了iframe框架与form表单的运用及PHP文件上传等技巧,需要的朋友可以参考下
同一父页面的一个子页面刷新另一个子页面
11-23
"同一父页面的一个子页面刷新另一个子页面"这个话题聚焦于如何在不重新加载整个父页面的情况下，仅刷新其中一个`iframe`内的子页面。这种技术在提升用户体验、节省网络资源等方面具有显著优势，尤其是在需要动态更新...
frameset实现各个frame刷新
liu904139492的专栏
04-05 552
6.html http://www.baidu.com/" target="_blank">_blank http://www.baidu.com/" target="_self">_self http://www.baidu.com/" target="_parent">_parent http://www.baidu.com/" target="_top">_top http://w
在iframe中如何在一个iframe中刷新另一个iframe
我本无名的专栏
06-06 5588
aaaaaaaaaaaaaaaaa上面的代码,放到iframe中用来刷新另一个iframe.其中的boardtitle为另一个iframe的id.
在iframe 中刷新另一个iframe页面
h_wfeng的博客
03-18 1534
在页面中有个iframe 1   &lt;iframe id="iframe1" src="${ctx}/product/list/" width="100%" height="91%" frameborder="0"&gt;&lt;/iframe&gt;   而在list页面中有个方法mode，通过mode打开了另一个iframe2。   function m
jquery刷新iframe页面的方法（推荐第二种）
乔的博客
10-29 6149
jq强制刷新iframe页面
同时刷新两个iframe指向的页面，一个链接关联两个iframe的刷新
weixin_30299709的博客
06-14 232
1. index.htm中有多个iframe <framesetrows="140,1*"frameborder="no"framespacing="0"> <frameid="topframe"name="topframe"src="Top.aspx"name="top"scrolling="NO"noresizemarginwidth="0...
js股票K线图，比较专业的K线图插件
热门推荐
u011511086的专栏
07-27 2万+
由於項目裏面要做個有關交易的平臺，其中要畫k線圖（蠟燭圖），在網上找了很多插件感覺都沒有專業的股票交易平臺弄的k線圖專業，因此為了趕進度，將就用了百度的echarts來做k線圖，結果發現如果點比較少的時候k線圖呈現的柱子很大，不好看，除非有幾百個點看著才比較和專業的k線圖很像，後來因為要把那個圖表換成像比特時代裏面的k線圖壹樣的，所以為了把圖做的更專業壹些，就只有借鑒壹下他們的插件，然後就把專業的...
iframe返回上一页面时禁止刷新上一页面
06-12
在 iframe 中返回上一页面时，如果不想刷新上一页面，可以使用以下方法： 1. 使用 history.pushState() 方法 在 iframe 中返回上一页面时，可以使用 JavaScript 的 history.pushState() 方法修改浏览器历史记录，从而避免刷新上一页面。例如，你可以在子页面中添加以下代码： ```javascript history.pushState(null, null, document.URL); window.addEventListener('popstate', function () { history.pushState(null, null, document.URL); }); ``` 上述代码会在子页面中执行，它会在浏览器历史记录中添加一个新的状态，并且监听 popstate 事件，当用户点击浏览器的后退按钮时，再次调用 pushState() 方法，从而保持历史记录不变。这样就可以实现在 iframe 中返回上一页面时不刷新上一页面的效果。 2. 使用 session storage 另一种方法是使用 session storage，在子页面中保存一个标识符，当返回上一页面时，检查标识符是否存在，如果存在则不刷新上一页面。例如： 在子页面中添加以下代码： ```javascript sessionStorage.setItem('noRefresh', '1'); ``` 在父页面中添加以下代码： ```javascript window.addEventListener('popstate', function () { var noRefresh = sessionStorage.getItem('noRefresh'); if (noRefresh === '1') { sessionStorage.removeItem('noRefresh'); return; } location.reload(); }); ``` 上述代码会在子页面中设置 sessionStorage，当返回上一页面时，父页面会检查 sessionStorage 中是否存在标识符，如果存在则不刷新页面，否则刷新页面。这样就可以实现在 iframe 中返回上一页面时不刷新上一页面的效果。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

王焜棟琦

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值