一、相互调用方法
子级页面调用父级页面的方法:
window.parent.parentFunction();
parentFunction
为父级页面的自定义函数
父级页面调用子级页面的方法:
document.getElementById("iframeID").contentWindow.childFunction();
iframeID
为目标iframe的id,childFunction
为子级页面的自定义函数
二、相互操作dom
子级页面操作父级页面dom:
window.parent.document.getElementById("parentID").style.color='yellow';
父级页面操作子级页面dom:
document.getElementById('iframeID').contentDocument.getElementById('childID').style.color='red'
iframeID
为目标iframe的id,childID
为子级页面的dom的id
注意:只有当iframe加载完之后才可以父级操作子级dom,否则会报错,可以尝试window.onload来解决此问题。