ifram子页面调用父页面函数的若干方法

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/Tomhs3000/article/details/79230569

因为ifram子页面与父页面并非在一个页面内，即所在域是不同的，无法做到直接互相调用方法，下面以ifram子页面调用父页面方法做了若干解决方案；

一、通过parent来调用父页面的方法

在子页面与父页面同域的情况下，子页面通过parent.ParentMethod()可以调用父页面的方法，但是有时候会出现一些奇奇怪怪的错误（别问我怎么知道的，刚从坑里出来，手动滑稽）。

二、通过parent.postMessage()来调用父页面的方法;

子页面通过parent.postMessage(“resetCloseStyle", ‘*')来向父页面传递一个key；

父页面通过监听message来做出对应措施，父页面代码如下：

window.addEventListener("message", receiveMessage, false);
function receiveMessage(event){
    if(event.data == 'changeCloseStyle'){
        ...
    }
}

通过此方法亦可实现子页面与父页面的通信