Html5 postMessage?
程序员文章站
2022-04-03 08:03:43
...
a标签打开一个新页面 想用postMessage的方式传递些数据 但是一直没有成功
在外面包了一层 定时器就OK了。
求解~~
没有跨域的问题
我在想 新打开的页面是否‘太慢’了 根本没有响应postmessage事件
所以setTimeout也不是很靠谱,比如网络连接时间比较长,超过100ms,也不会成功。
靠谱的方式是等待demo.html向父窗口发回第一个消息时,再向demo.html发送消息。
在外面包了一层 定时器就OK了。
求解~~
没有跨域的问题
我在想 新打开的页面是否‘太慢’了 根本没有响应postmessage事件
回复内容:
postMessage发送消息是给当时window里的document。而刚open时,document是about:blank。要等demo.html实际开始加载(至少要等到browser开始接受response的body的第一个字节),postMessage才能发送到demo.html。所以setTimeout也不是很靠谱,比如网络连接时间比较长,超过100ms,也不会成功。
靠谱的方式是等待demo.html向父窗口发回第一个消息时,再向demo.html发送消息。
var newWin = ...
window.addEventListener('message', e => {
if (/* got ready message from demo.html */) {
newWin.postMessage(...)
}
})
因为新窗口根本没加载好啊。open之后获得新窗口的句柄,然后为这个句柄设置onload事件,在onload事件里发送消息声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
相关文章
相关视频
- html5离线存储有哪些
- 深入解析asp.net中mvc4自定义404页面(...
- h5新增标签audio与video的使用
- 你值得了解的HTTP缓存机制(代码详解)
- Html5 postMessage?
上一篇: CSS滤镜效果,如何打印_html/css_WEB-ITnose
下一篇: php编程语言有什么特性