和内嵌的iframe进行通讯

利用内置iframe进行通讯

1. 在当前网页设置iframe网页（监听iframe发来postmessage消息事件）

a. 外部网页接收数据：

回调方法,其中e.data为传入数据：

const onmessage = (e: any) => { e.data };

If (typeof window.addEventListener !== ‘undefined’){

window.addEventListener(‘message’, onmessage , false);

} else if(typeof window.attachEvent !== ‘undefined’){

window.attachEvent(‘message’, onmessage );

}

b. 外部网页向内部iframe发数据：

window.frames.iframe元素id名.contentWindow.postMessage(数据, ‘*’)

2. Iframe设置的url去加载我们写的js文件内部写

内部iframe向外部网页发数据：window.parent.postMessage({data: ‘aa’}, ‘*’);

内部iframe接收数据同上

标签：内嵌,通讯,网页,window,iframe,onmessage,接收数据,data
来源： https://www.cnblogs.com/dlm17/p/12345396.html