在iframe中如何在一个iframe中刷新另一个iframe

最新推荐文章于 2023-02-04 10:55:56 发布
最新推荐文章于 2023-02-04 10:55:56 发布
阅读量5.6k 收藏 1
点赞数 2
分类专栏： javascript 文章标签： iframe
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/chenguang79/article/details/776048
版权

<A HREF=# οnclick="parent.BoardTitle.location.reload()">aaaaaaaaaaaaaaaaa</a>

上面的代码,放到iframe中用来刷新另一个iframe.其中的boardtitle为另一个iframe的id.

vue 多页面iframe不刷新_vue tab嵌入iframe切换不刷新，相对完整的方案
weixin_39867594的博客
12-19 2018
说到Vue的简单、便捷、高效，谁用谁喜欢，自然企业应用也来玩一把，三大经典组件：树控件，网格控件，选项卡控件；本章先说选项卡tab控件的嵌入iframe。本次主要解决以下问题：1.tab控件混合vue-component-view与iframe-view;2.切换tab, iframe-view 保持原界面不刷新，与keep-alive效果等同;3.关闭tab中的iframe-view后，将重新打...
Vue 多系统切换实现方案(iframe嵌套的两三事)
weixin_34331102的博客
06-04 3070
前言 公司分好几个后台模块，统一使用vue+elementUi框架开发，每一个后台模块都是单独团队开发的。并且几个系统整体的风格、布局一样的，包括左侧边栏，上方的面包屑等用户在使用的时候，可能要切换别的系统就要在浏览器里，新打开窗口，再输入网址，回车。总结来说，低效，所以现在想将几个系统融合到一个里边，并且每次切换系统的时候保留用户的操作...
在iframe 中刷新另一个iframe页面
h_wfeng的博客
03-18 1625
在页面中有个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
iframe的一个页面去刷新另一个同级的iframe页面
u011511086的专栏
05-31 2701
这里的top指最上面的最外层的页面Window对象,要实现一个（甲iframe）里面的js代码去刷新另一个同级的（乙iframe）页面 参考代码： $(top.document).find("iframe[src='/FirstPage/Manage']").attr("src",'/FirstPage/Manage'); 这个代码是在（甲iframe）页面里面写，通过最外层的docu...
同时刷新两个iframe指向的页面，一个链接关联两个iframe的刷新
weixin_30299709的博客
06-14 264
1. index.htm中有多个iframe <framesetrows="140,1*"frameborder="no"framespacing="0"> <frameid="topframe"name="topframe"src="Top.aspx"name="top"scrolling="NO"noresizemarginwidth="0...
两个iframe，关联刷新
鲜橙C的博客
05-26 1189
IFRAME A、B是在同一个主页面中，IFRAME B中的AJAX结束之后，刷新IFRAME A。
vue中iframe如何让父页面刷新_Vue中对iframe实现keep alive无刷新的方法
weixin_39976413的博客
12-19 1118
前言最近一个需求，需要在Vue 项目中加入含有iframe 的页面，同时在路由切换的过程中，要求iframe的内容不会被刷新 。一开始使用了Vue自带的keep- alive发现没有用，于是自己研究了一下解决方案。。。。。。Vue的keep-alive原理要实现对保持iframe页的状态。我们先搞清楚为什么Vue的keep-alive不能凑效。keep-alive原理是把组件里的节点信息保留...
iframe如何刷新的三种实现方案
09-28
在网页开发中，`iframe`（Inline Frame）是一种嵌入其他HTML文档的元素，它允许开发者在一个页面上显示多个独立的网页或者同一页面的不同部分。然而，有时我们需要刷新`iframe`中的内容，以确保显示的是最新的数据。...
Vue中对iframe实现keep alive无刷新的方法
10-16
但是，对于嵌入在Vue应用中的iframe元素，`<keep-alive>`并不能直接应用，因为iframe加载的内容并不属于Vue组件体系的一部分，而是独立于Vue应用之外的另一个独立的DOM结构。 如果直接在Vue的组件中使用`...
javascript IFrame 强制刷新代码
10-29
例如，在文档描述中提到的，用户在主窗口进入iframe A时看到的数据是新的，但是当用户操作另一个iframe B后，再返回iframe A时，浏览器可能会显示过时的缓存数据。 接下来，文档描述了两种常见的强制刷新iframe的...
html中iframe控制父页面刷新实现思路及代码
12-14
在HTML中，iframe是一种常用的网页元素，用于在一个页面中嵌入另一个页面。它允许开发者将不同的内容或功能集成到一个单一的用户界面中，而无需离开当前页面。本篇文章将详细探讨如何在子页面（即iframe加载的页面）...
解决iframe作为子窗口，刷新后页面跳转回默认首页的问题
奔跑的坏蜗牛
08-15 6038
这个问题真的是让我难受，从写php到thinkphp我用过了好几个后台框架。最后还是决定用花了几百大洋的H+。每个人都有自己的偏好，习惯用layui，vue的可能不太喜欢这个。我这人是心血来潮想用那个就把那个搬出来用，想用layui了就把它套进去，想用vue就把它也按进去。这个框架我个人比较喜欢，但是也有它的问题，就是 iframe作为子窗口，刷新后页面跳转回默认首页 这个问题在我之前几个项目...
若依框架前端切换TagView时刷新问题
luochengbang的专栏
02-04 1万+
改造若依框架点击tag切换时都是刷新问题。点击顶部tag切换时，永远都是刷新的。刷新问题两种情况：普通view切换时刷新及iFrame切换刷新
前端进行页面跳转和页面刷新的方法
前端三脚猫的博客
03-15 3136
Js中进行页面跳转的几种方法 一、 在当前窗口进行跳转 1、 使用a标签进行跳转 <a href="//www.baidu.com/">跳转</a> 2、 使用window.location.hre进行跳转 window.location.href = '//www.baidu.com'; 二、 打开新的窗口进行跳转 1、 使用a标签进行打开跳转 <a href="//www.baidu.com" target="_blank">跳转</a> 2、 使用
VUE实现嵌入Iframe页面 不打开新窗口
weixin_43758835的博客
07-15 1912
vue项目里嵌入Iframe页面，在当前页面展示
vue中iframe如何让父页面刷新_Vue下iframe如何实现和父窗口的通信
weixin_39613712的博客
12-19 396
在父窗口页面代码：1 2 4 :visible.sync="visible"5 width="30%"6 class="ifr-dialog"7 center8 @opened="handleOpened">9 10 11 12 13 1415 16 ...
用iframe实现页面部分刷新
孤独是一种感觉
02-22 894
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml" >    无标题页        function ccc()    {     var txt=document.forms[0].elements[ct].value;     var ct=document.
Vue实现iframe的上一步、下一步操作
calm428的博客
09-07 2468
背景 使用Element的Tabs组件嵌入多页面，但是页面中需要实现上一步、下一步功能，如图： 实现 //父组件 var vm = new Vue({ el: "#app", data: { pages: [], index: 0, bmbiId: 0 }, methods: { goPageIndex(pageIndex) {
Vue进阶（六十四）：iframe更改src后页面未刷新问题解决
热门推荐
IT全栈 华强工作室
07-23 2万+
document.getElementById(iframe的id).contentWindow.location.reload(true); 在更改iframe src属性值之前加上这一句即可。
在iframe中如何刷新父级页面
最新发布
12-14
在HTML中，如果想要在一个嵌套在`<iframe>`标签内的页面内部刷新其父页面，由于浏览器的安全限制（同源策略），直接操作父窗口是不可能的，因为JavaScript无法跨域访问。但是，你可以利用一些技巧间接达到这个目的： 1. **通过postMessage** API**:** 如果父页面已经设置了`window.postMessage()`监听，那么子页可以发送一个自定义事件到父页面，父页面接收到后触发刷新。示例： ```javascript window.parent.postMessage('refreshParent', '*'); ``` 父页面监听并处理消息： ```javascript window.addEventListener('message', function(event) { if (event.data === 'refreshParent') { location.reload(); } }); ``` 2. **利用location.hash变化**: 子页面可以改变自身的`#hash`值，然后父页面通过监听`hashchange`事件来刷新自身。这不会触发完整的页面加载，仅刷新当前文档的部分内容。 3. **父页面提供一个URL查询参数**: 子页面在`location.search`中添加特定的查询字符串，然后父页面根据查询参数判断是否需要刷新。例如： 子页： ```html <a href="parent.html?refresh=true">刷新父页面</a> ``` 父页： ```javascript var shouldRefresh = new URLSearchParams(window.location.search).get('refresh'); if (shouldRefresh === 'true') { location.reload(); } ``` 需要注意的是，以上方法都需要父页面能够接受来自子页面的操作，并且通常用于特定的应用场景，而非一般网页设计的标准做法。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值