iframe子父页面找元素,调用方法总结

时常因为 父页面与子页面的iframe找元素、调方法头疼,今日写一总结,方便日后使用。

1、子==》父

iframe子页面调用父页面js函数

window.parent.a()//a()是父页面的方法

子页面取父页面元素

原生js写法

window.parent.document.getElementById("ele")

jquery写法

$(window.parent.document).contents().find("#ele")

2、父==》子

iframe父页面调用 子页面js函数

原生js写法

document.getElementById('myfrmae').contentWindow.b();//b()是子页面方法

jquery写法

$('#myfrmae')[0].contentWindow.b();

注:contentWindow属性是指定的frame或者iframe所在的window对象,IE下可以省略。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容