xdm的核心是postmessage()方法。在html5规范中,除了xdm部分之外的其它部分也会提到这个方法名,但都是为了同一个目的:向另一个地方传递数据。对于xdm而言,“另一个地方”指的是包含在当前页面中的d5ba1642137c3f32f4f4493ae923989c元素,或者由当前页面弹出的窗口。
postmessage()方法接收两个参数:一条消息和一个表示消息接收方来自哪个域的字符串。第二个参数对保障安全通信非常重要,可以防止浏览器把消息发送到不安全的地方。来看下面的例子。
var iframwindow = document.getelementbyid("myframe").contentwindow; iframwindow.postmessage("a secret", "http://www.w3cmm.com");
最后一行代码尝试向内嵌框架中发送一条消息,并指定框架中的文档必须来源于“http://www.w3cmm.com”域。如果来源匹配,消息会传递到内嵌框架中;否则,postmessage()什么也不做。这一限制可以避免窗口中的位置在你不知道的情况下发生改变。如果传给postmessage()的第二个参数是“*”,则表示可以把消息发送给来自任何域的文档,但我们不推荐这样做。
接收到xdm消息时,会触发window对象的message事件。这个事件是以异步形式触发的,因此从发送消息到接受消息(触发接受窗口的message事件)可能要经过一段时间的延迟。触发message事件后,传递给onmessage处理程序的事件对象包含以下三方面的重要信息。
data:作为postmessage()第一个参数传入的字符串数据。
origin:发送消息的文档所在的域,例如“http://www.w3cmm.com”。
source:发送消息的文档的window对象的代理。这个代理对象主要用于在发送上一条消息的窗口中调用postmessage()方法。如果发送消息的窗口来自同一个域,那这个对象就是window。
接受到消息后验证发送窗口的来源是至关重要的。就像给postmessage()方法指定第二个参数,以确保浏览器不会把消息发送给未知页面一样,在onmessage处理程序中检测消息来源可以确保传入的消息来自已知的页面。基本的检测模式如下。
var eventutil = { addhandler: function (element, type, handler) { if (element.addeventlistener) { element.addeventlistener(type, handler, false); } else if (element.attachevent) { element.attachevent("on" + type, handler); } else { element["on" + type] = handler; } } }; eventutil.addhandler(window, "message", function (event) { //确保发送消息的域是已知的域 if (event.origin == "http://www.w3cmm.com") { //处理接收到的数据 processmessage(event.data); //可选:向来源窗口发送回执 event.source.postmessage("received!", "http://p2p.w3cmm.com"); } });
还是要提醒大家,event.source大多数情况下只是window对象的代理,并非实际的window对象。换句话说,不能通过这个代理对象访问window对象的其它任何信息。记住,只通过这个代理调用postmessage()就好,这个方法永远不存在,永远可以调用。
xdm还有一些怪异之处。首先,postmessage()第一个参数最早是作为“永远都是字符串”来实现的。但后来这个参数的定义改了,改成允许传入任何数据结构。可是,并非所有浏览器都实现了这一变化。为保险起见,使用postmessage()时,最好还是只传字符串。如果你想传入结构化的数据,最佳选择是先在要传入的数据上调用json.stringify(),通过postmessage()传入得到的字符串,然后再在onmessage事件处理程序中调用json.parse()。
在通过内嵌框架加载其它域的内容时,使用xdm是非常方面的。因此,在混搭和社交网络应用中,这种传递消息的方法极为常用。有了xdm,包含d5ba1642137c3f32f4f4493ae923989c的页面可以确保自身不受恶意内容的侵扰,因为它只通过xdm为嵌入的框架通信。而xdm也可以来自相同域的页面间使用。
以上就是详细介绍html5中的跨文档消息传递的详细内容。
