postMessagePortal.html 页面代码 postMessageWidget.html页面的代码 ...

前言 　　之前简单讲解了利用script标签（jsonp）以及iframe标签（window.name、location.hash）来跨域交换数据，今天我们来学习一下HTML5的api，利用postMessage来跨域交换数据。和前面一些方式交换数据方式不同的是，利用postMessage ...

问题场景： web是嵌入到手机客户端中的静态页面，为了统计用户行为需要引入ga，但是ga必须是在www下才行，哪怕是localhost，这就是矛盾。解决方案是在页面中使用iframe,iframe是在另外一个域名下的，然后在iframe中调用ga方法。很显然必须要解决iframe的跨域通信 ...

一、同源策略 要理解跨域，我们首先要知道什么是同源策略。百度百科上这样定义同源策略：同源策略（Same origin policy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的，浏览器 ...

一些麻烦事儿 平时做web开发的时候关于消息传递，除了客户端与服务器传值还有几个经常会遇到的问题 1.页面和其打开的新窗口的数据传递 2.多窗口之间消息传递 3.页面与嵌套的iframe消息传递 4.上面三个问题的跨域数据传递 postMessage() 这些问题都有一些解决办法 ...

[转]html5: postMessage解决跨域和跨页面通信的问题 平时做web开发的时候关于消息传递，除了客户端与服务器传值，还有几个经常会遇到的问题： 多窗口之间消息传递(newWin = window.open(..)); 页面与嵌套的iframe消息传递 ...

一些麻烦事儿 平时做web开发的时候关于消息传递，除了客户端与服务器传值还有几个经常会遇到的问题 1.页面和其打开的新窗口的数据传递 2.多窗口之间消息传递 3.页面与嵌套的iframe消息传递 4.上面三个问题的跨域数据传递 postMessage() 这些问题都有一些解决办法 ...

问题： 对于跨域问题，研究了一下html5的postMessage，写了代码测试了一下，感觉html5新功能就是好用啊。 此文仅使用html5的新特性postMessage，演示其执行过程和效果： 方法解释：postMessage()方法允许来自不同源的脚本采用异步方式进行有限的通信，可以实现 ...