跨域iframe高度操作

Question

我的問題：

我可鏈接到各種外部網站的iframe。

我根本無法訪問外部網站！

我想要實現的是將我的Iframe與實際網站的100％高度/寬度嵌套到固定大小的div中，以便我可以在此div上應用自定義滾動條。

到目前爲止，我有以下標記：

<div class="Content" style="margin: 0; padding: 0; height: 500px; width: 500px; overflow: auto;"> 
    <iframe id="mainframe" name="mainframe" src="http://www.fisk.dk" style="height: 100%; width: 100%;"> 
    </iframe> 
</div> 

正如預期的那樣，iframe的高度和寬度100％會轉化爲父DIV高度和寬度500像素。

我已經搜索了最近3個小時試圖找出如何通過使用普通的CSS或CSS和JavaScript沒有任何結果實現這一點。

結果不起作用：

• 舷窗 - 需要訪問外部網站。
• EasyXDM - 需要訪問外部網站。
• 訪問document.getElementById（'the_iframe'）。contentWindow不起作用 - 獲取訪問被拒絕錯誤。

任何提示表示讚賞！

Answer 1

在使用EasyXDM和PostMessage之前，我已經完成了您所描述的內容。如您所注意的，需要訪問外部網站。您需要在外部網站的域上運行一些JavaScript代碼。

瀏覽器將不允許您網站上的JavaScript或CSS代碼訪問其他網站的DOM，因此無法知道其他網站的頁面高度。