XDM-跨文档消息传送

【XDM-跨文档消息传送】的更多相关文章

HTML5 跨文档消息传输

对窗口对象的message事件进行监听 window.addEventListener("message", function(event) { // 处理程序代码 }, false); 使用window对象的postMessage()方法向其他窗口发送消息,该方法的定义如下: otherwindow.postMessage(message, targetOrigin); 该方法使用两个参数:第一个参数为所发送的消息文本,但也可以是任何JavaScript对象(通过JSON转换对象为…

XDM-跨文档消息传送

XDM cross-document messaging 类似于XSS的简称,故称为 XDM 而不是 CDM 某些时候 XDM 也能作为跨域的实现手段之一与Jsonp 和传统的 CORS 跨域方式不同 XDM通常用于不同域的页面之间传递消息 postMessage postMessage() 方法作为 XDM 的核心被添加进了 HTML5 规范中该方法的作用是:向当前页面的iframe或者弹出的窗口传递消息该方法用于接收以下两个参数: 消息的内容接收消息的域通过第二个参数可以防止浏览…

HTML5新特性之跨文档消息传输

1.同域限制所谓“同域限制”是指,出于安全考虑,浏览器只允许脚本与同样协议.同样域名.同样端口的地址进行通信. 2.window.postMessage方法浏览器限制不同窗口(包括iFrame窗口)之间的通信,除非两个窗口装载的是同一个域名下的网页.window.postMessage方法就是为了解决这个问题而特定的API,可以让不同域名的窗口互相通信. postMessage方法的格式如下: targetWindow.postMessage(message, targetURL[, tra…

HTML（六）HTML iframe 使用postMessage方法进行跨文档消息传递

什么是iframe HTML内联框架元素 <iframe> 表示嵌套的浏览上下文,有效地将另一个HTML页面嵌入到当前页面中. <iframe id="inlineFrameExample" title="Inline Frame Example" width="300" height="200" src="https://www.openstreetmap.org/export/embed.htm…

HTML5中的跨文档消息传递

跨文档消息传送(cross-document messaging),有时候也简称为XDM,指的是来自不同域的页面间传递消息.例如,www.w3cmm.com域中的一个页面与一个位于内嵌框架中的p2p.w3cmm.com域中的页面通信.在XDM机制出现之前,更稳妥地实现这种通信需要花很多功夫.XDM把这种机制规范化,让我们能既稳妥有简单地实现跨文档通信. XDM的核心是postMessage()方法.在HTML5规范中,除了XDM部分之外的其它部分也会提到这个方法名,但都是为了同一个目的:向另一个…

HTML5实战与剖析之跨文档消息传递(iframe传递信息)

在来自不同域名的页面间传递消息一般统称为跨文档消息传送,简称XDM.如,www.leemagnum.com域中的页面与位于一个内嵌框架中的http://blog.csdn.net/lee_magnum域名中的页面通信.在XDM机制出现之前,要毫无压力地实现这种通信需要用很长时间.XDM把这种机制规范化,让咱们能够既稳妥又简单地实现跨文档通信. XDM的核心是postMessage()方法.对于XDM而言,”另一个地方”指的是包含在当前页面中的iframe标签,或者有当前页面弹出的窗口. post…

HTML5跨文档消息传递

HTML5定义了一些javascript API,其中有一个就是跨文档消息传递(cross-document-messaging简称XDM). 现在XDM已经作为一个规范独立了出来,名字为:Web Messaging 项目地址为:http://dev.w3.org/html5/postmsg/ XMD核心就是postMessage()方法,这个方法接受两个参数一个是需要传送的字符串,第二个是接收方的域的字符串. 第二个参数可以控制一定的安全性,如果把第二个参数设置为"*",那么就是…

跨文档消息传递----postMessage()

HTML5 规范中,提出了XDM,又称为跨文档消息传递,其核心是 postMessage()方法,进行跨域和跨文档消息传递,示例如下: <div class="CrossDocumentMessage"> Cross Document Message , core---->postMessage()</div> <iframe id="frame_corssDM" src="http://localhost:63342…

通过Html5的postMessage和onMessage方法实现跨域跨文档请求访问

在项目中有应用到不同的子项目,通过不同的二级域名实现相互调用功能.其中一个功能是将播放器作为单独的二级域名的请求接口,其他项目必须根据该二级域名调用播放器.最近需要实现视频播放完毕后的事件触发,调用父窗口中的回调方法.普通的javascript很难实现跨域请求和调用的操作.通过jsonp方式实现起来复杂.不过通过Html的postMessage和onMessage可以轻松实现以上功能. postmessage方法 postMessage()方法允许来自不同源的脚本采用异步方式进行有限的通信,可以…

Web 通信技术 ——跨文档信息传输(JavaScript)

*/ * Copyright (c) 2016,烟台大学计算机与控制工程学院 * All rights reserved. * 文件名:text.html * 作者:常轩 * 微信公众号:Worldhello * 完成日期:2016年11月2日 * 版本号:V1.0 * 程序输入:无 * 程序输出:见运行结果 */ Web 通信新技术 --跨文档信息传输 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"…