html5 跨文档消息传输示例探讨

《html5 跨文档消息传输示例探讨》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习，了解了党的发展历程，对党的性质、宗旨、任务等基本知识有了进一步的了解html5跨文档消息传输示例探讨　　想实现跨文档消息传输首先要对窗口对象的message事件进行监听，然后使用window对象的postMessage()方法向其他窗口发送消息，接下来为大家详细介绍下，感兴趣的朋友可以参考下　　对窗口对象的message事件进行监听　　代码如下:　　window.addEventListener("message",function(event){

2、　　//处理程序代码　　},false);　　使用window对象的postMessage()方法向其他窗口发送消息，该方法的定义如下：　　代码如下:　　otherwindow.postMessage(message,targetOrigin);对党的认识也有了进一步的提高。才真正体会到了中国共产党的伟大、光荣和正确，更感到只有中国共产党是全中国最广大人民利益的忠实代表我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习，了解了党的发展历程，对党的性质、宗旨、任务等基本知识有了进一步的了解　　该方法使

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

4、$(function(){　　//监听message事件。　　window.addEventListener("message",function(event){　　//忽略指定URL之外的页面发送的消息。　　if(event.origin!="http://www.blue-butterfly.net")return;　　alert(event.data);//显示消息。　　},false);　　$("#iframeContent").load(function(event){　　//向子页面发送消息　　this[0

5、].postMessage("Hello",对党的认识也有了进一步的提高。才真正体会到了中国共产党的伟大、光荣和正确，更感到只有中国共产党是全中国最广大人民利益的忠实代表我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习，了解了党的发展历程，对党的性质、宗旨、任务等基本知识有了进一步的了解"http://www.blue-butterfly.net/test/");　　});　　});　　　　　　　　　　跨域通信示例　　　　　　　　　　子页面中的代码如下:　　代码如下:　　　　　　　　　　　　　　$

6、(function(){　　window.addEventListener("message",对党的认识也有了进一步的提高。才真正体会到了中国共产党的伟大、光荣和正确，更感到只有中国共产党是全中国最广大人民利益的忠实代表我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习，了解了党的发展历程，对党的性质、宗旨、任务等基本知识有了进一步的了解function(event){　　if(event.origin!="http://Lulingniu")return;　　$("#console").appe

7、nd(event.origin).append("传来的消息：").append(event.data);　　//向主页面发送消息。　　event.source.postMessage("Hello,thereis:"+this.location,event.origin);　　},false);　　});　　　　　　　　这是iframe中的内容。　　　　　　　　•通过对window对象的message事件进行监听，可以接收消息。对党的认识也有了进一步的提高。才真正体会到了中国共产党的伟大、光荣和正确，更感到只有中国共

8、产党是全中国最广大人民利益的忠实代表我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习，了解了党的发展历程，对党的性质、宗旨、任务等基本知识有了进一步的了解　　•通过访问message事件的origin属性，可以获取消息的发送源（本例中主页面的发送源为“http://Lulingniu”，子页面的发送源为“ht