在跨域環境中設置IFRAME的高度和寬度？

Question

如何在跨域環境中設置IFRAME的高度和寬度？

如何在跨域環境中訪問IFRAME的contentDocument？

Answer 1

我們可以在跨域環境中使用IFRAME。但我們必須使用阿賈克斯調用和IFRAME配置。以下是代碼。它爲我工作。我搜查了很多地區。 Atlast我得到了這個工作代碼。

HTML

<iframe id="doc-frame" src="javascript:(function() {document.open();document.domain='localhost';document.close();})();" style="width:100%;height:100%;" seamless="seamless" scrolling="no" frameborder="0"></iframe> 

在IFRAME我們必須設置域作爲請求窗口文件的同一個域。否則它將無法工作。這裏我設置了localhost。

JAVASCRIPT

$.support.cors = true; 
      var frameSize = 0; 
      $("#doc-frame").css({ 'height': frameSize, 'width': frameSize, 'zoom': '100%' }); 
      $.ajax({ 
       url: fileNamePath,// URL of the request page 
       context: document.body, 
       success: function (response) { 
        target = $("#doc-frame")[0].contentDocument; 
        target.open(); 
        target.write(response); 
        target.close(); 
        var frameMargin = 10; 
        $("#doc-frame").css("height", parseFloat($('#doc-frame').contents().height() + frameMargin) + "px"); 
        $('#doc-frame').css("width", parseFloat($("#doc-frame").contents().width() + frameMargin) + "px"); 
       } 
      }); 

它將工作。請使用此代碼，並讓我知道評論，缺點和限制。我不認爲這可以滿足我們所有的跨域IFRAME的需求。但在某些情況下，我們可以使用它。

謝謝