iframe怎样重载内容？

最新推荐文章于 2024-03-18 11:20:46 发布
最新推荐文章于 2024-03-18 11:20:46 发布
阅读量2.2k 收藏 2
点赞数
分类专栏： 前端相关 文章标签： iframe 重新加载内容 src url
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45005931/article/details/90545340
版权

iframe是我们在前台开发页面时经常使用的一个标签，而这个里面可以嵌套一个子界面，而子界面
而怎样灵活的刷新子界面呢
1.首先得有一个iframe的标签

<iframe src="" frameborder="0" id="IframeHTMLInfo" style="width: 100%; height: 100%;"></iframe>

2.在某些功能点击之后，可以触发调用刷新界面的方法把url绑定到src上
如下

document.getElementById('IframeHTMLInfo').src = "HtmlGrid/ExperienceForm.html";

这样操作后整个iframe的内容就会刷新了

笔下无书生
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js中页面的重新加载(当前页面/上级页面)及frame或iframe元素引用介绍
10-27
用JavaScript刷新上级页面和当前页面在某些情况下还是比较实用的，感兴趣的朋友可以了解下另外介绍一下frame或iframe元素的引用方法，希望本文对你有所帮助
vue下iframe标签页,切换标签页,iframe不重载
12-05
vue项目中一个模板组件，不同iframe的src地址，对应不同的路由，不同标签页，且切换标签页不重载。这种客户的要求是特例在网上没有，所以纯自行手码。由于项目在vuex保存了标签页，所以初次进入该组件时，调用了一次...
＜iframe＞重载方法
六六的小帅的博客
10-28 5754
解决方法 方法1 document.getElementById('iframeId').contentWindow.location.reload(true); 方法2 document.getElementById('iframeId').src=url; 方法3 $("#iframeId").attr('src', url); 遇到的问题 如果使用方法1，存在跨域问题的话，会出现Error in v-on handler: "Error: Permission..
iframe 重新加载
曹先森的博客
03-04 8799
方法1： document.getElementById('iframeId').contentWindow.location.reload(true); 方法2： document.getElementById('iframeId').src=url; 方法3： $("#iframeId").attr('src', url); 在使用的时候需先加载iframe 而后才能使用 方法一（一个不...
js重新加载iframe框架
AVATAR
04-19 3229
重新加载iframe框架 window.parent.frames['bottom'].location.reload()
vue的iframe重载
weixin_35748962的博客
01-09 1598
如果您想在 Vue 应用程序中重新加载一个嵌入在 iframe 中的网页，您可以使用下面的代码： document.getElementById("iframeId").contentWindow.location.reload(); 您需要使用 iframe 的 id 来访问它，然后调用 contentWindow 属性并使用 location.reload 方法来重新加载网页。 请注意，这只...
vue如何解决iframe缓存重载
09-19
3. 每次需要重载iframe时，只需要修改iframeParams的值，Vue会自动更新页面的内容。 ```javascript methods: { reloadIframe() { this.iframeParams = new Date().getTime() // 或者修改为其他随机数值 } } ``` ...
layui easyweb iframe v3.1.8源码
12-08
[增加] 主页工作台、控制台的内容进行了补充完善 [增加] 增加了注册页面、忘记密码页面 [增加] loading风格增加了一个layui简约样式 [增加] 增加tab切换、侧边栏点击、多系统切换等事件监听 [优化] 切换tab自动刷新...
iframe重新加载
dpn525的专栏
03-24 149
document.frames('iframesid').location.reload()  
iframe 的刷新方式 这样方式更方便
12-11
iframe的刷新方式 1. 刷新方式可以使用 javascript 的 document.fr.location.reload() 2. 还有就是修改 document.fr.location.href 也可以实现刷新的功能 例如: 复制代码代码如下: <iframe name=”fr” width=”96%” src=”alert_search.do?method=findSys”></iframe> [removed] function show_syslog(id){ document.fr.location.href=”/alert
iframe重新加载最简单的方法！初次渲染和更新后渲染不会引起其他页面变动
最新发布
一枚不断学习的小码农一枚~
03-18 944
我们项目有一个【加载场景】【切换场景】的需求，iframe是子组件，数据传过去之后没有重新加载 ，我测试发现 重新渲染的时候，iframe的load方法没有重新加载，数据变动后也不会影响，然后我用了网上好几种方法，发现都有bug。我们知道改变iframe的src方法会使其重新加载，我本来还在想，如何改变这个变量，然后先试了一下，直接取出ifrmae的src属性再赋值给src，结果成功了哈哈哈哈。比如，在useeffect里接收子组件参数去请求服务端后使用reload方法，会引起页面死循环。
JS: 刷新iframe的方法
人在旅途
07-25 5104
 方案一:用iframe的name属性定位     onclick="document.frames(ifrmname).location.reload()">或onclick="document.all.ifrmname.document.location.reload()">方案二:用iframe的id属性定位onclick="ifrmid.window.location.re
重写iframe内联框架中的内容
weixin_30872157的博客
12-11 234
重写iframe内联框架中的内容，不使用src指向页面url，主动写入HTML代码：var ifr = document.getElementById("CMBC-certification-content"),ed = null;ed = document.all ? ifr.contentWindow.document : ifr.contentDocument;ed.open();ed.wr...
iframe点击时再加载内容
ShadeTrees的博客
05-31 451
【代码】iframe点击时再加载内容。
js实现iframe内容加载失败自动重新加载功能
扣丁曼
01-17 896
iframe页面加载失败自动重新加载解决方案
关于使用iframe导致页面重复加载的问题
nininna的博客
08-15 2081
记录一个坑，页面使用iframe想要动态加载内容，代码如下，但是“test"总会输出两次，后来找到了原因，是iframe的src导致页面重复加载所以js加载了两次；将src属性删掉，js里直接动态绑定，这样就不会在加载页面时重复执行js，
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值