2013-02-05 20 views
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> 
+0

あなたのページの最初の行に '<!DOCTYPE html>'がありますか? – Teemu

+0

はい、私はFF、Chrome、IE9でうまくいくと付け加えます。また、子iframeページは次のようにpostMessageを呼び出しています: – SirM

+0

MSDNのすべてのサンプルコードで、 'event.origin'の代わりに[event.domain'](http://msdn.microsoft.com/en-us/library/windows/apps/hh441295.aspx)があるようですが、 MSDNのサンプル内でエラーが発生したのは初めてではありません。 – Teemu

答えて

6

私はそれを得た、競争状態であったに違いない。私は荷物を取り出した。

<script type="text/javascript"> 


     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" > 
    </iframe> 
関連する問題