文档章节

在父页面中获取iframe子页面元素进行相应操作

wftt
 wftt
发布于 2018/03/27 11:20
字数 215
阅读 98
收藏 0

网上查了好多方法,但是在我这都不太适用,最后找到一个适用的,分享一下。

注意:iframe 子页面和父页面必须属于同一个域下

(1)父页面获取iframe子页面中的对象:

$(window.frames["iframe框架name值"].document).find("iframe中元素id");

eg:

<iframe src="a.html" frameborder="0" width="100" height="200" scrolling="no" id="myIframe"  name="iframe_con1"></iframe>

$(window.frames['iframe_con1'].document).find("#Btn");

如上,iframe_con1是iframe的name属性值,Btn是其中的一个按钮id,这样就可以获取到。

(2)iframe 子页面获取父页面的id为mask的对象:

$("#mask",parent.document);

$("#mask",parent.document).html() --------- id=mask的html内容

© 著作权归作者所有

wftt
粉丝 11
博文 38
码字总数 24507
作品 0
海淀
前端工程师
私信 提问
【转】js之iframe子页面与父页面通信

iframe子页面与父页面通信根据iframe中src属性是同域链接还是跨域链接,通信方式也不同。 一、同域下父子页面的通信 父页面parent.html <html><head> </head><body> </body></html> 子页面c......

北京d路飞
2016/06/16
86
0
iframe的运用---特别是获取父子页面的元素

TL;DR 使用 同域的情况下,当前页面获取iframe页面里面的元素的话,必须使用加载事件,,就是iframe的document 同域的情况下,子页面获取父页面元素的话,就是父页面的document 查看示例dem...

颜酱
08/16
0
0
iframe多层嵌套时获取元素总结

父页面获取子页面元素: 注意:onload事件 jQuery获取: $("iframe").contents().find("holder")......; (嵌套三层,或者更多时) $('iframe').contents().find('iframe').contents().find(......

sjzmlb
2015/06/30
4.4K
0
【转】 跨浏览器的iframe onload 事件监听

From: http://hqlong.com/tag/iframe 经常会遇到这样一种情况。 在iframe里嵌入另外一个页面时。如果iframe载入的页面响应较快,或许我们感觉不到页面载入的不同步,但试想,如果一个需要内嵌...

山哥
2011/09/19
911
0
解析Jquery取得iframe中元素的几种方法

DOM方法: 父窗口操作IFRAME: window.frames["iframeSon"].document IFRAME操作父窗口: window.parent.document jquery方法: 在父窗口中操作 选中IFRAME中的所有输入框: $(window.frames[......

文文1
2015/03/26
14.9K
0

没有更多内容

加载失败,请刷新页面

加载更多

计算机实现原理专题--二进制减法器(二)

在计算机实现原理专题--二进制减法器(一)中说明了基本原理,现准备说明如何来实现。 首先第一步255-b运算相当于对b进行按位取反,因此可将8个非门组成如下图的形式: 由于每次做减法时,我...

FAT_mt
昨天
6
0
好程序员大数据学习路线分享函数+map映射+元祖

好程序员大数据学习路线分享函数+map映射+元祖,大数据各个平台上的语言实现 hadoop 由java实现,2003年至今,三大块:数据处理,数据存储,数据计算 存储: hbase --> 数据成表 处理: hive --> 数...

好程序员官方
昨天
7
0
tabel 中含有复选框的列 数据理解

1、el-ui中实现某一列为复选框 实现多选非常简单: 手动添加一个el-table-column,设type属性为selction即可; 2、@selection-change事件:选项发生勾选状态变化时触发该事件 <el-table @sel...

everthing
昨天
6
0
【技术分享】TestFlight测试的流程文档

上架基本需求资料 1、苹果开发者账号(如还没账号先申请-苹果开发者账号申请教程) 2、开发好的APP 通过本篇教程,可以学习到ios证书申请和打包ipa上传到appstoreconnect.apple.com进行TestF...

qtb999
昨天
10
0
再见 Spring Boot 1.X,Spring Boot 2.X 走向舞台中心

2019年8月6日,Spring 官方在其博客宣布,Spring Boot 1.x 停止维护,Spring Boot 1.x 生命周期正式结束。 其实早在2018年7月30号,Spring 官方就已经在博客进行过预告,Spring Boot 1.X 将维...

Java技术剑
昨天
18
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部