javascript调用iframe父子页面的兼容方法

javascript | 2019-09-13 10:02:39

这里总结了iframe父子页面的兼容方法(这里不考虑跨域的问题)
1、iframe子页面调用 父页面js函数 

window.praent.a();



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

document.getElementById('ifrtest').contentWindow.b();


注:ifrtest是iframe框架的id,b()为子页面js函数。contentWindow属性是指定的frame或者iframe所在的window对象,IE下可以省略。 

3. A iframe的页面访问B iframe页面的内容。 

    parent.document.getElementById('B iframe的ID').contentWindow.document.getElementById('B iframe页面要访问的元素ID')



4.  A iframe的3级页面访问B iframe页面的内容。 

    window.opener.opener.parent.document.getElementById(''B iframe的ID').contentWindow.document.getElementById('B iframe页面要访问的元素ID')


登录后即可回复 登录 | 注册
    
关注编程学问公众号