9
大規模な調査の後、これはうまくいくはずですが、IE8では、機能は決して呼び出されません。postMessageスクリプトがIE8で動作しないのはなぜですか?
<script type="text/javascript">
function resizeCrossDomainIframe() {
if (window.addEventListener) {
window.addEventListener('message', letsgo, false);
} else if (window.attachEvent) {
window.attachEvent('onmessage', letsgo);
}
}
function letsgo(event) {
var iframe = document.getElementById('my_iframe');
if (event.origin !== 'http://mysite.com') return; // only accept messages from the specified domain
if (isNaN(event.data)) return; // only accept something which can be parsed as a number
var height = parseInt(event.data) + 32; // add some extra height to avoid scrollbar
iframe.height = height + "px";
}
</script>
<iframe src='http://mysite.com/products/default.aspx?iframe=true&partnerid=222&site=localhost:62014' frameborder="0" width="100%" scrolling="auto" style="min-height: 750px; min-width: 600px; background-color: #fff;" id="my_iframe" onload="resizeCrossDomainIframe();">
</iframe>
あなたのページの最初の行に '<!DOCTYPE html>'がありますか? – Teemu
はい、私はFF、Chrome、IE9でうまくいくと付け加えます。また、子iframeページは次のようにpostMessageを呼び出しています:
– SirMMSDNのすべてのサンプルコードで、 'event.origin'の代わりに[event.domain'](http://msdn.microsoft.com/en-us/library/windows/apps/hh441295.aspx)があるようですが、 MSDNのサンプル内でエラーが発生したのは初めてではありません。 – Teemu