当前位置:Gxlcms > html代码 > html5跨文档消息传输示例探讨_html5教程技巧

html5跨文档消息传输示例探讨_html5教程技巧

时间:2021-07-01 10:21:17 帮助过:33人阅读

对窗口对象的message事件进行监听

代码如下:

window.addEventListener("message", function(event) {
// 处理程序代码
}, false);

使用window对象的postMessage()方法向其他窗口发送消息,该方法的定义如下:

代码如下:

otherwindow.postMessage(message, targetOrigin);

该方法使用两个参数:第一个参数为所发送的消息文本,但也可以是任何JavaScript对象(通过JSON转换对象为文本);第二个参数为接收消息的对象窗口的URL地址,可以在URL地址字符串中使用通配符“*”指定全部地址,不过建议使用准确的URL地址。otherwindow为要发送窗口对象的引用,可以通过window.open()方法返回该对象,或通过对window.frames数组指定序号(index)或名字的方式来返回单个frame所属性的窗口对象。
示例

代码如下:





跨文档消息传输示例主文档