iframe的contentWindow属性

最新推荐文章于 2023-12-26 11:02:41 发布
原创 最新推荐文章于 2023-12-26 11:02:41 发布 · 1.1w 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文详细介绍了如何通过iframe元素的contentWindow属性调用对应页面中的方法，实现不同页面之间的数据交互。主要涉及HTML、JavaScript等前端技术。

<iframe id="IfrmCost" frameborder="no" height="100%" width="100%" scrolling="no"></iframe>

可以通过以下方法来调用iframe对应页面中的ValidData方法:
document.all("IfrmCost").contentWindow.ValidData()

vue与iframe之间的信息交互的实现
11-20
如图中的 this.iframeWin = this.$refs.iframe.contentWindow 【拿到iframe的window对象】 3.vue如何向iframe内传送信息 可以通过H5新属性 postmessage 注释：【postMessage是有点类似于UDP协议，就像短信，是异步的...
iframe如何刷新的三种实现方案
09-28
这里的`contentWindow`属性返回`iframe`内的`window`对象，通过这个对象我们可以访问和操作`iframe`的内容，包括刷新页面。 ### 方案三：当`iframe`的`src`为其他网站地址（跨域操作时） 由于浏览器的安全策略，当...
iframe.contentWindow 属性：关于contentWindow和contentDocument区分
weixin_34150224的博客
11-13 2029
定义和用法 　　contentDocument 属性能够以 HTML 对象来返回 iframe 中的文档，可以通过所有标准的 DOM 方法来处理被返回的对象。 　　语法：frameObject.contentWindow，或者 iframeObject.contentWindow（不是jquery对象）   　　用iframe嵌套页面时，如果父页面要获取子页面里面的内容，可以使用contentW...
vue中html标签调window方法,JS 互相调用iframe页面中js方法、VUE里 iframe 互调方法
weixin_40009099的博客
06-30 1774
1，父 html 调用子 iframe 内方法：document.getElementById("iframe").contentWindow.func(data1,data2...);2，子 Iframe 中 调用父html中方法：parent.func(data1,data2...)在VUE中：// 父vue文件调用 iframe html文件中方法：this.$refs.iframe.co...
超级简单：使用JQUERY Tabs插件宿主IFRAMES
diejia1113的博客
12-29 228
/Files/zhuqil/HomeSite.zip 这篇文章提供了一个使用asp.net和JQuery UI Tabs plug-in用IFRAME元素去宿主web页面。 必备的东西： Windows XP/Vista/7/2003/2008 Visual Studio 2005 or 2008 (download the correct...
iframe.contentWindow
山水子农
09-15 5434
1、iframe.contentWindow(主页面调用iframe)  此处的iframe是从document取得的，即作作为document的子对象出现，虽然是文档(document)对象，但由于它是独立的页面，因而拥有自己的事件，拥有自己的窗口对象(contentWindow)；contentWindow属性是指指定的frame或者iframe所在的window对象。 在IE中iframe
iframe添加addEventListener无效、获取Iframe的contentWindow和contentDocument失败，不使用postMessag，如何监听iframe点击事件
最新发布
weixin_44434938的博客
12-26 6936
iframe添加addEventListener无效、获取Iframe的contentWindow和contentDocument失败，不使用postMessag，如何监听iframe点击事件
iframe.contentWindow 介绍
初漾的博客
08-01 1万+
参考：http://blog.csdn.net/alex8046/article/details/51456098一、父级窗口操作iframe里的dom js操作iframe里的dom可以使用contentWindow属性： contentWindow属性，是指 指定的frame或者iframe所在的window对象，在IE中iframe或者frame的contentWindow属性可以省略，
iframe的使用和 contentWindow、parent以及postMessage通信方式
weixin_50367873的博客
12-03 3192
问题： 如何进行消息通信（父发给子，子接收父的消息，也可父直接调用子的方法； 子发给父，父接收子的消息；） 如何找到指定的子或者父window（如果iframe层级过多），又如何在发送消息时不影响其他的message监听 一、iframe的使用 <iframe style={{border:0,width:"100%",height:630,}} src={src} /> 如何进行消息通信（父发给子，子接收父的消息； 子发给父，父接收子的消息） 方法一： 直接通过获取父或者子的
iframe标签（属性介绍（sandbox、srcdoc、scrolling）、iframe对象、onload事件、父集获取iframe内节点（同源和不同源情况）、domain修改规则和示例）
AIWWY的博客
11-09 7702
目录 iframe标签 属性简要汇总 部分属性详细介绍 align fameborder height|width marginheight|width name sandbox scrolling srcdoc iframe对象 属性汇总 onload事件 父集获取iframe内节点 同源情况（域名和端口号相同） 不同源（父子域名、端口号相同） 不同源（万能） iframe优缺点和应用场景、设置网页是否能作为iframe（X-Frame-Options）、点击...
contentWindow属性和用法
03-31
使用contentWindow属性可以操作嵌入文档中的iframe或frame元素的窗口，例如： ```javascript var iframe = document.getElementById('myiframe'); var iframeWindow = iframe.contentWindow; iframeWindow.alert('...
深入解析contentWindow, contentDocument
12-09
生活永远是一个大染缸，一块白布下去，黑布出来，一块黑布下去，一块七色布出来。 contentWindow 兼容各个浏览器，可取得子窗口的 window 对象。 contentDocument Firefox 支持，> ie8 的ie支持。可取得子窗口的 document 对象。 在子级iframe设置 父级 iframe ，或 孙级 iframe 高度。 function showIframeH(){ var parentWin = parent.document.getElementById("test"); if(!parentWin) return false; var
Js:关于document.execCommand()函数可用参数大解析
nittystone的专栏
03-01 2285
2D-Position 允许通过拖曳移动绝对定位的对象。 AbsolutePosition 设定元素的 position 属性为“absolute”(绝对)。 BackColor 设置或获取当前选中区的背景颜色。 BlockDirLTR 目前尚未支持。 BlockDirRTL 目前尚未支持。 Bold 切换当前选中区的粗体显示与否。 BrowseMode 目前尚未支持。 Copy 将当
iframe页面中获取window对象及上一级window对象
qq_42931285的博客
12-08 5566
iframe页面中获取window对象及上一级window对象
iframe的contentWindow属性使用
风火一回，一生不毁
06-05 9795
contentWindow属性是iframe对象或frame对象的专属属性。兼容各种浏览器，并返回window对象 作用是：以 HTML 对象来返回 iframe 或frame中的文档。 contentDocument 属性可用于火狐或IE8+，返回一个documnet对象。 作用是：以 HTML 对象返回框架容纳的文档。
document.getElementById(...).contentWindow.xxx is not a function
热门推荐
weixin_42596278的博客
05-27 1万+
可能是因为获取iframe的时候还没有加载完成，绑定一个onload事件试一下： var frame = document.getElementById("J-Iframe"); frame.onload = function(){ frame.contentWindow.getMobile(); }; ...
js 通过contentWindow调用子页面方法报 not a function
liulang1905的博客
05-07 2396
子窗口没有完全加载完就被父及调用了，所以肯定调不到 //使用此方法，当子页面加载完成后执行代码 contentWindow.onload = function(){ myIframe.contentWindow.fulshPage(); }
获取iframe中的contentWindow
weixin_30532973的博客
06-20 1074
function getIframeWindow(iframeElement){ return iframeElement.contentWindow || iframeElement.contentDocument.parentWindow; } 转载于:https://www.cnblogs.com/cglWorkBook/p/5601701.html
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值