首页 > 代码库 > HTML5-postMessage
HTML5-postMessage
1.window.postMessage访问能够安全的实现跨域访问；
2.不同页面的scripts如果要实现互相访问的话，必须要满足以下几个条件：
（1）相同的协议；
（2）相同的接口；
（3）相同的主机名；
（window.name、location.hash等等其实也是可以实现跨域访问的）
3.window.postMessage能够安全的绕过这些限制。
1.当window.postMessage方法被调用时，会产生一个MessageEvent，这个event会被派遣到目标窗口;
2.MessageEvent被赋予两个属性，一个是要传输到目标窗口的数据，另一个是调用postMessage方法的当前窗口所在的域。
<!--a.com/a.html-->
<script>
window.onload = function(){
var data = http://www.mamicode.com/‘a‘;>
<!--b.com/b.html-->
<script>
window.addEventListener(‘message‘, receiveMessage, false);
function receiveMessage(event){
var origin = event.origin || event.originalEvent.origin;
if(origin !== ‘http://a.com‘){
return;
}
}
</script>
HTML5-postMessage
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。