IFrame中常用的Reload方法

最新推荐文章于 2024-07-26 10:57:21 发布
最新推荐文章于 2024-07-26 10:57:21 发布 · 595 阅读 · 0

本文介绍了如何通过iframe的name属性、id属性及跨域操作实现页面刷新的三种方案，包括使用JavaScript的`location.reload()`方法进行页面刷新。
<iframe src="test.htm" name="ifrmname" id="ifrmname"></iframe>


方案一:用iframe的name属性定位


<input type="button" name="Button" value="Button"
onclick="document.frames('ifrmname').location.reload()">
或
<input type="button" name="Button" value="Button"
onclick="document.all.ifrmname.document.location.reload()">




方案二:用iframe的id属性定位


<input type="button" name="Button" value="Button"
onclick="ifrmname.window.location.reload()">




其他方案:当iframe的src为其它网站地址(跨域操作时)


<input type="button" name="Button" value="Button"
onclick="window.open(document.all.ifrmname.src,'ifrmname','')">
iteye_18800
关注
Vue之在iframe标签里刷新外部页面
weixin_42949219的博客
01-30 2034
如果 是直接嵌套在父窗口中，你也可以使用 window.parent 来访问父窗口的 window 对象，并调用其 location.reload() 方法。你可以在 中通过 window.top 访问最顶层的 window 对象，然后调用其 location.reload() 方法来刷新外部页面。你可以通过 postMessage 向外部窗口发送消息，然后在外部窗口中监听该消息，并在接收到消息时执行刷新操作。这将导致包含 的整个页面被刷新。
js中页面的重新加载(当前页面/上级页面)及frame或iframe元素引用介绍
12-03
在JavaScript中，页面的重新加载是常见的操作，用于更新页面内容。这主要涉及到`location.reload()`函数的使用。当你需要刷新当前页面时，可以使用`document.location.reload()`，这将重新加载当前页面的所有资源，...
iframe框架中的页面刷新
热门推荐
masterShaw的博客
09-26 3万+
1，reload 方法，该方法强迫浏览器刷新当前页面。 　　语法：location.reload([bForceGet]) 　　参数： bForceGet， 可选参数， 默认为 false，从客户端缓存里取当前页。true, 则以 GET 方式，从服务端取最新的页面, 相当于客户端点击 F5("刷新")  代码如下   window.locat
IFrame的Reload方法
趴趴熊的博客
11-28 1万+
src="test.htm" name="ifrmname" id="ifrmname">方案一:用iframe的name属性定位 type="button" name="Button" value="Button"onclick="document.frames('ifrmname').location.reload()">或 type="button" name="Button" value=
iframe的重新加载刷新reload
腾飞FLY
05-02 8585
window.frames("dbdRightContent").location.reload(true);  
iframe reload
最新发布
05-12
首先，常见的刷新iframe的方法有哪些呢？我记得可以通过修改iframe的src属性来重新加载内容。例如，先保存当前的src值，然后重新设置它。这样可以触发浏览器重新加载iframe的内容。这种方法简单有效，适用于大多数...
js实现刷新iframe的方法汇总
10-24
首先，我们来看几种常见的刷新IFrame的方法： 1. **使用IFrame的name属性定位**： 当IFrame具有name属性时，可以通过`document.frames('ifrmname')`或`document.all.ifrmname`来访问它，然后调用`location.reload...
javascript IFrame 强制刷新代码
10-29
接下来，文档描述了两种常见的强制刷新iframe的方法及其局限性： 1. 使用`iframe.window.location.reload()`方法：这个方法实际上并不会强制浏览器去服务器请求最新的内容，而是请求浏览器的缓存。因此，它无法解决...
刷新iframe
xiaoran_1997的博客
07-11 5230
刷新iframe
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 1882
我们项目有一个【加载场景】【切换场景】的需求，iframe是子组件，数据传过去之后没有重新加载 ，我测试发现 重新渲染的时候，iframe的load方法没有重新加载，数据变动后也不会影响，然后我用了网上好几种方法，发现都有bug。我们知道改变iframe的src方法会使其重新加载，我本来还在想，如何改变这个变量，然后先试了一下，直接取出ifrmae的src属性再赋值给src，结果成功了哈哈哈哈。比如，在useeffect里接收子组件参数去请求服务端后使用reload方法，会引起页面死循环。
php 刷新iframe,javascript IFrame 强制刷新代码
weixin_30758169的博客
03-13 336
javascript IFrame 强制刷新代码当第一次从主窗口进入到一个iframe简称{A}中，此时这个{A}中呈现的数据是新的，这时我又点了另外的一个iframe简称{B}，这里{B}的数据也是新的，在{B}中进行一些逻辑处理，如向{A}中批量增加模型数据，这里我们再进入到{A}中会发现数据是被缓存着的。因为是从{B}中对批量操作了{A}的数据，{B}是与server通信的，也就是会进行逻辑...
＜iframe＞重载方法
六六的小帅的博客
10-28 6097
解决方法 方法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..
vue使用iframe @load指令
qq_36657291的博客
07-26 2588
在HTML的元素中，@load是一个在Vue.js框架中使用的指令（或称为事件监听器），它用于监听的load事件。load事件在的内容完全加载完毕后触发，包括其中的图片、样式表、脚本等资源的加载完成。
jq中load（）方法加载公共元素、iframe加载公共元素
心化江水的博客
05-28 2492
jq中load()方法 在开发过程中很多的元素和内容都是重复的现在的vue、react、angluar的组件开发在很大的程度上就是为了解决这样的一部分问题的但是，框架的主要目的不完全是为了如此； 1、在网站开发过程中有的时候一个页面的头部可能在很多页面中公用，没有使用vue这些框架的情况下jq也是一个很好的工具， 单独创建一个页面例如header.html; 2、将一些公共元素放在header.h...
html嵌套html的两种方法（ iframe，load）
Twotangerine的博客
03-09 4825
获取某个div的id或者class调用load方法 里面填写要嵌套html的路径就可以了。scrolling: 是否开启滚屏。src：你要导入的html。
JavaScript刷新iframe的方法
百川异源，终归于海
07-20 8124
代码：隐藏显示
【专】各浏览器对页面 onload 事件处理方式
weixin_30788239的博客
10-18 435
要给一个要修改的界面添加onload函数，突然对window.onload,doument.onload,document.body.onload这些给搞混了，该如何使用，及其区别...............分别试验了一下发现认识到了好多盲点，搜到了这个文章，给试验结果差不多，不怎么会写文在此转载一下：http://www.w3help.org/zh-cn/causes/SD9022...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值