首页 > Web开发 > 详细

html5 xdm 页面之间的通信

时间:2016-11-12 18:55:23      阅读:316      评论:0      收藏:0      [点我收藏+]
<!-- 这个是父页面xdm.html -->
<!
DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>XDM通信</title> </head> <body> <iframe id="iframeId" src="http://127.0.0.1:8020/avalon/iframe.html" width="100%" height="600px"></iframe> <script type="text/javascript"> window.addEventListener(load , function(){ var iframeWindow = document.getElementById(iframeId).contentWindow; iframeWindow.postMessage("滚犊子" , "http://127.0.0.1:8020/avalon/iframe.html"); }); </script> </body> </html>
<!-- 这个是子页面,iframe.html -->
<!
DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body onload="aaaa()"> <script type="text/javascript"> function aaaa(){ window.addEventListener(message , function(event){ console.log(event); alert(event.data); },false) } </script> </body> </html>

 

html5 xdm 页面之间的通信

原文:http://www.cnblogs.com/xudy/p/6057016.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!