这次给大家带来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();
相信看了本文案例你已经掌握了方法,更多精彩请关注其它相关文章!
推荐阅读:
jquery+ajax应用iframe时使其自适应高度
jquery+js调用iframe父窗口与子窗口步骤详解
jquery获取iframe页面中dom元素(附代码)
以上就是js获取父窗口与子窗口的iframe案例详解的详细内容。