PC老项目iframe中的子页面如何获取iframe

最新推荐文章于 2025-04-23 16:24:56 发布
最新推荐文章于 2025-04-23 16:24:56 发布
阅读量1.1k 收藏
点赞数
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_38603437/article/details/89304624
本文深入探讨了iframe的子页面document对象的局限性及其如何通过window对象获取iframe集合。阐述了在多iframe环境下，如何利用window.frames获取所有iframe，以及在单一iframe场景下使用window.frameElement的方法。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

1.iframe的子页面的document文档对象只能获取当前文档模型中的元素，iframe属于它的父级文档中的元素
如果这个时候要获取，只能通过比document文档对象级别更高的单位window窗口对象获取窗口模型，然后通过窗口模型获取到当前窗口中的所有文档对象的iframe集合 如果只有一个iframe则是获取到单个iframe对象 
获取单个的写法
window.frameElement
获取iframe集合的写法
window.frames
API
http://www.runoob.com/jsref/obj-window.html ;

前端_小柒
关注
JS 在iframe子页面中调用和获取iframe父页面的方法和元素，以及在firame父页面中调用和获取iframe子页面的方法和元素
旭东怪的博客
09-19 8367
1、在子iframe中调用父窗口的方法 test()是父窗口中的方法。 window.parent.test(); 2、在子iframe中获取父窗口的元素 test是父窗口中的元素。 $("#test",window.parent.document).val(); $("#test",parent.document).val(); ...
vue 用iframe嵌套其它项目页面针对跨域与传值页面跳转失败处理
周家大小姐
09-23 6912
需求:A项目中有个菜单点击的时候中心内容页面与B项目的一模一样,所以产品想把B项目的页面直接嵌入过来显示,但其中有几个问题要处理就是嵌入B项目时B项目的左侧菜单和头部导航要隐藏,并而在跳时隐式登录,不需要用户重新在B项目又登录一次。B项目在全局路由router.beforeEach中接收并在里面处理自动登录与跳转的问题。加载Iframe成功前先获取A项目用户ID这里是写的模拟的;
iframe如何从子页面获取
enthan809882的博客
11-03 1368
jquery代码： <script> var myIframe=$('#myIframe',parent.document); // 这是main页面，获取布局页面的myIframe $('#li1', parent.document).bind('click',function(){ // 点击左侧菜单树的li标签，控制myIframe的src var myIframe=m...
在引用iframe后，子页面获取父页面iframe的src
01-20 2803
window.parent.document.getElementById("outContent-wrapper2").src=“”
iframe 父子页面传值 获取iframe页面内dom对象
一路向前的博客
03-26 822
1.ifrmae 子页面向父页面传值 子页面绑定事件 $("#btn").click(function(){ var data={k:1,n:2};//需要传递的值 window.parent.postMessage(data, '*') }); 父页面接收 addEventListener('message', e => { // e.data为子...
子页面访问父页面 和 跨iframe访问
03-15
NULL 博文链接：https://pireswang.iteye.com/blog/325571
h5 iframe嵌套页面_汇总IOS下奇葩BUG以及iframe嵌套页面带来的一些困扰
weixin_39647499的博客
12-19 2100
做H5开发，安卓和IOS的兼容问题经常会困扰我们，尤其是跟第三方平台合作，用到iframe嵌入式应用，令很多Web前端开发的童鞋脑壳疼，相信大家也入了不少坑，且踩且珍惜吧，呵呵^_^。今天抽时间整理一些出来，希望能帮助到大家。iframe自动变宽了，在IOS手机上出现滚动条第一步：定义 iframe 中的scrolling属性为no，设置iframe中不显示滚动条。第二步：设置iframe的样式为...
vue2 中 iframe引入文档，如何通过监听文档滚动高度 获取文档的页码
最新发布
荼蘼_的博客
04-23 880
⑤ **在代码中用到的是【`/pdfjs/pdfjs-2.7.570-dist/web/viewer.html`】，这里注意存放路径，图片中红色框内的文件一定要在public下的某个文件夹内，与代码匹配即可**②注意代码中【`/pdfjs/pdfjs-2.7.570-dist/web/viewer.html`】这一部分路径一定要与存放路径一致。在文件中找到viewer.js文件。3. pdf.js引用时报错：file origin does not match viewer‘s。想要的效果参考本文章封面。
前端页面如何iframe向子页面传值
08-19
在前端页面中，可以通过使用postMessage()方法来实现iframe向子页面传值。首先，在子页面中添加一个按钮或者其他触发事件的元素，例如一个按钮元素。然后，使用JavaScript代码监听该按钮的点击事件，并在点击事件中...
iframe父页面向子页面传值
08-19
在使用iframe时，父页面向子页面传值的方法如下所示：在父页面的JS代码中，可以通过postMessage函数向子页面发送消息。该函数需要两个参数，即key和value，分别表示字段名和值。首先，通过获取iframe元素，然后使用...
iframe页面传值取值
大青虫的博客
03-02 2083
业务：目标界面的是用原生js写的 ， 被镶嵌到vue平台上 ， 现在要求vue点击跳转的时候 ，要附带上值 ，让原生界面获取到值 ， 完成页面设置查询。 想法 ： vue跳转，使用this.$route.query 传值取值 ， 取值后给原生html（iframe），传值 。 也就是“父（vue）传子（原生html） ” ， 子页面取值使用 千度大法 ： 1.子传父 ： 一 ：//根据iframe的id获取对象 ： vari1=window.frames['iframeId'...
iframe页面事件，递归获取所有iframe
glgom的博客
07-21 2678
获取所有iframe
获取iframe src里的参数
wx254418276的博客
10-21 4298
父业面iframe： <div id="vue"> <iframe id="mainiframe" width="100%" height="100%" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="auto" src="../swap/finance/index.html?CID=13123jklkljlajkj"></iframe> </div> 子页
2014-10-28——iframe多层嵌套时获取元素总结
weixin_30752377的博客
10-28 530
同域:父页面获取子页面元素：注意：onload事件jQuery获取：$("iframe").contents().find("holder")......;（嵌套三层，或者更多时）$('iframe').contents().find('iframe').contents().find("iframe")......js获取：window.frames["holder"].contentWindo...
iframe子页面操作父页面
m0_62089210的博客
11-09 1788
测试弹出层日志查看二级菜单主页
jquery中父子页面之间获取元素（比如iframe页面）
weixin_51609337的博客
11-22 2130
当前端主页面需要嵌套一个子页面，比如iframe页面，当在父页面执行子页面的操作时，用$('#元素id')就没有效果。这时就需要用到以下知识点，来实现父子页面的相互操作。
iframe获取焦点的问题、获取iframe src、打开新窗口window.open()
热门推荐
u013037145的专栏
03-04 1万+
1、先获取iframe再加focus()函数 document.getElementById('embed').focus(); 2、在iframe框架里面点击元素让iframe获取焦点 如果www.lingpic.com里面有个 的元素 那我们点击box让iframe获取焦点。例： document.getElementById('box').onclick = functi...
jquery获取父/子iframe页面的URL
u010244957的博客
12-20 2735
jquery获取父/子iframe页面的URL、参数、端口、协议等
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值