本文介绍了HTML5的postMessage技术用于实现跨域通信的原理和方法，包括如何通过postMessage在不同窗口和iframe间传递信息。同时，文章探讨了postMessage的安全问题，强调了设置targetOrigin的重要性以及确保message验证合法性的必要性，以避免恶意跨域攻击。
所谓跨域无外乎有几种：
- 浏览器与服务器之间的跨域；
- 页面和其打开的新窗口的数据传递
- 多窗口间的消息传递
- 页面和嵌套的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>
最低0.47元/天 解锁文章
1010
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
