本文主要包含postMessage等相关知识,匿名希望在学习及工作中可以帮助到您
a标签打开一个新页面 想用postMessage的方式传递些数据 但是一直没有成功
在外面包了一层 定时器就OK了。
求解~~
没有跨域的问题
我在想 新打开的页面是否‘太慢’了 根本没有响应postmessage事件
所以setTimeout也不是很靠谱，比如网络连接时间比较长，超过100ms，也不会成功。
靠谱的方式是等待demo.html向父窗口发回第一个消息时，再向demo.html发送消息。
window.addEventListener('message', e => { if (/* got ready message from demo.html */) { newWin.postMessage(...) } }) 因为新窗口根本没加载好啊。open之后获得新窗口的句柄，然后为这个句柄设置onload事件，在onload事件里发送消息
在外面包了一层 定时器就OK了。
求解~~
没有跨域的问题
我在想 新打开的页面是否‘太慢’了 根本没有响应postmessage事件
回复内容：
postMessage发送消息是给当时window里的document。而刚open时，document是about:blank。要等demo.html实际开始加载（至少要等到browser开始接受response的body的第一个字节），postMessage才能发送到demo.html。所以setTimeout也不是很靠谱，比如网络连接时间比较长，超过100ms，也不会成功。
靠谱的方式是等待demo.html向父窗口发回第一个消息时，再向demo.html发送消息。
window.addEventListener('message', e => { if (/* got ready message from demo.html */) { newWin.postMessage(...) } }) 因为新窗口根本没加载好啊。open之后获得新窗口的句柄，然后为这个句柄设置onload事件，在onload事件里发送消息