Opera 11.x 中的 html 5 postmessage
我在 iframe 中使用这样的构造将其高度发送到父窗口：
<body onload="parent.postMessage(document.body.scrollHeight, '*');">
...
</body>
父窗口中有一个侦听器：
function resizeCrossDomainIframe(id)
{
var iframe = document.getElementById(id);
window.addEventListener('message', function (event)
{
if (isNaN(event.data)) return;
var height = parseInt(event.data);
iframe.height = height + "px";
}, false);
}
<iframe id="voice-iframe" scrolling="no" frameborder="0" onload="resizeCrossDomainIframe('voice-iframe');" src="http://localhost:2040/VoiceApi/Base">
</iframe>
此代码适用于 ff、chrome、safari、ie9，可能适用于 ie8，但不适用于 Opera 11（尽管没有显示错误）蜻蜓）。 我认为 ie 会出现一些问题，但 Opera 的最新版本不会出现问题。 或者也许我做错了？
i use such construction in iframe to send its height to parent window:
<body onload="parent.postMessage(document.body.scrollHeight, '*');">
...
</body>
there is a listener in parent window:
function resizeCrossDomainIframe(id)
{
var iframe = document.getElementById(id);
window.addEventListener('message', function (event)
{
if (isNaN(event.data)) return;
var height = parseInt(event.data);
iframe.height = height + "px";
}, false);
}
<iframe id="voice-iframe" scrolling="no" frameborder="0" onload="resizeCrossDomainIframe('voice-iframe');" src="http://localhost:2040/VoiceApi/Base">
</iframe>
this code works in ff, chrome, safari, ie9, probably in ie8, but not in opera 11 (though no errors are shown in dragonfly).
i thought there will be some problems with ie but not with the last version of opera.
or maybe i'm doing smth wrong?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
我认为 onload 首先在 IFRAME 内部触发，然后 postMessage() 会导致消息事件发生，最后 IFRAME 上的 onload 属性将触发。如果您从 IFRAME 标记的 onload 处理程序添加事件侦听器，您可能会在消息发送后开始侦听消息，因此您不会收到任何内容。
I think onload fires inside the IFRAME first, postMessage() will then cause a message event to happen, and then finally the onload attribute on the IFRAME will trigger. If you add the event listener from the IFRAME tag's onload handler, you'll probably start listen for the message after it was sent, so you won't receive anything.