文档章节

iframe父、子页面之间页面元素的获取及方法的调用 jquery

荆瑶
 荆瑶
发布于 2017/08/17 19:34
字数 159
阅读 255
收藏 0

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>>

1. 父页面获取子页面元素:

    格式:$("#iframeId ").contents().find(); 

    实例:$("#iframeId").contents().find(".chart"); 

 

2. 父页面调用子页面方法:

    格式:$("#iframeId")[0].contentWindow.iframe方法(); 

    实例:$("#iframeId")[0].contentWindow().iClick();

 

3. 子页面获取父页面元素:

    格式一:$("#父页面元素id" , parent.document);

    实例:

    格式二:top.$("父页面元素id");

    实例:

 

4.子页面获取父页面方法:

    格式一:parent.父页面方法;(推荐使用:因为多层iframe嵌套时,top方法会直接取到最上层)

    实例:

    格式二:top.$("父页面元素id");

    实例:

© 著作权归作者所有

荆瑶
粉丝 2
博文 55
码字总数 21397
作品 0
海淀
程序员
私信 提问
iframe多层嵌套时获取元素总结

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

sjzmlb
2015/06/30
4.4K
0
内嵌页面iframe以及和其兄弟iframe的相互传值

主要知识点 1:document.getElementById("ii").contentWindow 得到iframe对象后,就可以通过contentWindow得到iframe包含页面的window对象,然后就可以正常访问页面元素了; 2:$("#ii")[0]......

文文1
2015/03/20
7.8K
1
jQuery控制IFRAME父窗口元素

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

疯狂的艺术家
2011/04/01
8K
1
解析Jquery取得iframe中元素的几种方法

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

文文1
2015/03/26
15.1K
0
JQuery调用iframe子页面函数/对象的方法

JQuery调用iframe子页面函数/对象的方法例子: 父页面有个ID为mainfrm的iframe,iframe连接b.html,该页面有个函数test 在父页面调用b.html的test方法为: $("#mainfrm")[0].contentWindow.t...

lishisong
2012/12/24
22.5K
3

没有更多内容

加载失败,请刷新页面

加载更多

003-ES集群

ES 集群 详情: https://my.oschina.net/u/3635512/blog/3140294 将实验机器/etc/elasticsearch/elasticsearch.yml 中配置文件改为 cluster.name: myes   #ES集群名称node.name:......

伟大源于勇敢的开始
15分钟前
4
0
法国电力项目二期正式验收

2019年12月10日, 法国电力项目二期正式验收 并就未来的合作技术方向进行了探讨: 去中心化数据存储/搜索引擎 可信计算/零知识证明 能源虚拟机改造 出席的人有: 法国电力总部 CIO&CTO Step...

怎当她临去时秋波那一转
31分钟前
2
0
谷歌助手

参照: https://www.mxblog.com.cn/mac%E7%89%88chrome%E6%B5%8F%E8%A7%88%E5%99%A8%E5%AE%89%E8%A3%85%E8%B0%B7%E6%AD%8C%E8%AE%BF%E9%97%AE%E5%8A%A9%E6%89%8B.html......

T型人才追梦者
39分钟前
5
0
索引延迟关联

前言 今天在看代码的时候学习到了一种索引的优化,就先在此记录下来。 具体 举个例子,原sql如下: SELECT * FROM TABLE WHERE INDEX = '' LIMIT 10000, 10; 现象 就算INDEX用了查询索引,...

无敌小杰杰
今天
5
0
tomcat_jdk安装,安装zrlog,nginx代理tomcat,第二个java应用

tomcat_jdk安装 要跑tomcat 首先要安装 jdk jdk 有两个版本 一个是 open jdk,一个是 oracle jdk open jdk 是 oracle jdk 的开源版本 两个版本都可以使用 这次实验先使用 open jdk 来做 如果...

doomcat
今天
11
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部