2013-02-05 19 views
9

Kapsamlı araştırmalardan sonra bunun işe yarayacağı anlaşılıyor, ancak IE8'de letsgo işlevi hiçbir zaman ... herhangi bir yardım almıyor mu?PostMessage betiği neden IE8'de çalışmıyor?

<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

Sayfanızdaki ilk satır olarak 'seçeneğiniz var mı? – Teemu

+0

Evet ... Sanırım bu, FF, Chrome ve IE9'da harika çalışıyor. Ayrıca, alt sayfa iframe sayfası postMessage öğesini şu şekilde çağırıyor: – SirM

+0

MSDN'deki her örnek kodda [event.origin 'yerine ['event.domain'] (http://msdn.microsoft.com/en-us/library/windows/apps/hh441295.aspx) var gibi görünüyor. MSDN'deki örneklerde hatalarla karşılaştığınızda ilk defa değil. – Teemu

cevap

6

Anladım, bir yarış durumu olmalı. Yükü aldım.

<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>