首页 > web前端 > js教程 > 正文

JS获取父窗口与子窗口的iframe案例详解

php中世界最好的语言
发布: 2018-04-26 15:38:28
原创
1829 人浏览过

这次给大家带来JS获取父窗口与子窗口的iframe案例详解,JS获取父窗口与子窗口iframe的注意事项有哪些,下面就是实战案例,一起来看一下。

在web开发中,经常会用到iframe,难免会碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素

js

在父窗口中获取iframe中的元素

1、

格式:window.frames["iframe的name值"].document.getElementByIdx_x("iframe中控件的ID").click();
实例:window.frames["ifm"].document.getElementByIdx_x("btnOk").click();
登录后复制

2、

格式:

var obj=document.getElementByIdx_x("iframe的name").contentWindow;
var ifmObj=obj.document.getElementByIdx_x("iframe中控件的ID");
登录后复制

ifmObj.click();

实例:

var obj=document.getElementByIdx_x("ifm").contentWindow;
var ifmObj=obj.document.getElementByIdx_x("btnOk");
ifmObj.click();
登录后复制

在iframe中获取父窗口的元素

格式:window.parent.document.getElementByIdx_x("父窗口的元素ID").click();
实例:window.parent.document.getElementByIdx_x("btnOk").click();
登录后复制

相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

推荐阅读:

jquery+ajax应用iframe时使其自适应高度

jquery+js调用iframe父窗口与子窗口步骤详解

Jquery获取iframe页面中Dom元素(附代码)

以上是JS获取父窗口与子窗口的iframe案例详解的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!