大佬教程收集整理的这篇文章主要介绍了为什么html5 postMessage不能为我工作?,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
function loadiframe (callBACk) { var body = document.getElementsByTagName('body')[0]; var iframe = document.createElement('iframe'); iframe.id = 'iframe'; iframe.seamless = 'seamless'; iframe.src = 'http://localhost:3000/iframe.html'; body.appendChild(iframE); callBACk(); } loadiframe(function() { cpframe = document.getElementById('iframe').contentWindow; cpframe.postmessage('please get this message','http://localhost:3000'); console.log('posted'); })
然后,在http://localhost:3000/iframe.html(iframe的源代码)里面是这样的:
<!DOCTYPE html> <html> <head> <title>does not work</title> <script> window.addEventListener("message",receivemessage,falsE); function receivemessage(event) { if (event.origin == "http://localhost:3000") { document.write(JSON.Stringify(event)); document.write(typeof event); } } </script> </head> <body> </body> </html>
但没有任何反应……我甚至试图不使用原产地的安全检查,但即使没有发生任何事情……就像从来没有得到消息……
我在某种异常问题吗?我试图确保在postmessage消失之前加载了iframe …
EDIT2:我在Google Chrome 11和Firefox 4中尝试过它
先感谢您.
>您正在加载子帧之前调用回调 – 在load事件中尝试它或在setTimeout中执行它
>我从来没有设法让postmessage与其他’*’作为起源.如果我在其中放置了一个URL,我会收到一个安全警告“安全错误:http://xxx/处的内容可能无法从http://yyy/加载数据”,除非只在错误控制台(Ctrl Shift J)中,而不是在任何其他位置.我怀疑还有一些其他的东西需要设置在某个地方才能工作,但我还没弄清楚是什么.
Here’s a jsfiddle,稍加修改的代码版本加载了我的域名文档,适用于Firefox和Chrome.
以上是大佬教程为你收集整理的为什么html5 postMessage不能为我工作?全部内容,希望文章能够帮你解决为什么html5 postMessage不能为我工作?所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。