所谓跨域无外乎有几种:
- 浏览器与服务器之间的跨域;
- 页面和其打开的新窗口的数据传递
- 多窗口间的消息传递
- 页面和嵌套的iframe的消息传递
这里我们只讲一种跨域解决方案postMessage,并讨论它的利弊。
HTML5的出现,引入了很多新东西,比如前面介绍的web Worker,localstorage,sesionStorage,canvas…..但是这些的引入却也引入了大量的安全问题。
如何通过postMessage实现跨域
127.0.0.0:8101/a.html
<body>
<div style="width:200px; float:left; margin-right:200px;border:solid 1px #333;">
<div id="color">Frame Color</div>
</div>
<div>
<iframe id="child" src="http://127.0.0.1:8102/b.html"></iframe>
</div>
</body>
<script>