当一个页面使用了iframe作为嵌套时,如何想要将父页面的数据传给iframe子页面,那iframe所指向的呢个子页面是怎么获取呢,又或者子页面的数据要给父页面使用,那么父页面又如何获取子页面的数据呢?
父页面获取子页面中的变量与方法:
<iframe id="file_iframe" name="file_iframe" src="" frameborder="0" style=" width:300px;height: 200px;"></iframe>
window.parent.document.getElementById('file_iframe').contentWindow.xxx
传值:父页面调用子页面方法传参即可
// 子页面加载完成后执行
document.getElementById('file_iframe').addEventListener('load',() => {
window.parent.document.getElementById('file_iframe').contentWindow.ParentContext(_fileData,exportType)
})
子页面给父页面传值:即子页面调父页面方法传参
parent.GetChildValue(value);