为了账号安全,请及时绑定邮箱和手机立即绑定

html5的postMessage无法接收到数据

html5的postMessage无法接收到数据

子衿沉夜 2018-10-18 13:15:42
今天在学习跨域访问的时候,测试了html5的postmessage的使用,遇到了无法接收的问题,从一个页面向页面中的iframe发送数据,无法发送。查阅了很多资料,感觉使用也没有出错,不知道问题出在哪里,希望用过的大牛帮忙看下,下面附上代码:test.html文件(发送页面)test2.html文件(接收页面)刷新页面,无法获得alert消息,我在本地服务器下面同一个文件夹里,主页面和iframe应该是处于同一个域下的,不理解为什么同域就出问题了。PS:发送应该没有问题,因为自发自收是没问题的
查看完整描述

1 回答

?
三国纷争

TA贡献1804条经验 获得超7个赞

你在test.html中使用的window.postMessage语法中的window其实是指你要发送的目标窗口对象

所以你这里直接拿window用就代表当前窗口,而你当前test.html的窗口中没有监听message事件,所以没办法触发test2.html中的alert

所以你应该这么做,把test.html中window.postMessage中的window用iframe的name来代替

receive.postMessage(....)


查看完整回答
反对 回复 2018-11-22
  • 1 回答
  • 0 关注
  • 2468 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信