file模式訪問網頁時iframe高度自適應解決方案_javascript技巧

最近做到iframe的高度自適應這個問題，網路上一搜好多解決方案，而總結起來也就那幾種，我逐一嘗試這些方案，最後發現在我的專案中都不起作用，後來發現自己做的網頁是透過file方式存取的，將網頁程式碼放到apache下透過http協定訪問，在iframe載入的時候呼叫如下js方法：

複製程式碼 程式碼如下:

functionSetWinHeight(obj)
{ var;
if(document.getElementById)
{
if(win&&!window.opera)
{
if(win.contentDocument&&win.contentDocument.body.offsetHeight)
win.height= win.contentDocument.body.offsetHeight;
elseif(win.Document&&win.Document.body.scrollHeight)
win.height=win.Document.body.scrollHeight;
}
}
}
}

果然網頁高度能夠自適應（對於其他方案應該也有效果，我沒有註意去嘗試），而通過file方式訪問網頁同樣的代碼log中始終報：UnsafeJavaScriptattempttoaccessframewithURLfile :///E:/​​workspace/html5/exam.htmlfrom
framewithURLfile:///E:/​​workspace/html5/quiz_preview.html.
Domains,protocolsandportsmustmatch.
每個方案都嘗試了報的錯是這個，只能從這個問題下手解決了，後來發現這種通過file方式跨域訪問的方式chrome是默認不允許的，又查如何設置chrome允許跨域訪問：最簡單的方法在chrome圖標右鍵、屬性->目標在後面加入'--disable-web-security'

重新啟動chrome開啟要調的網頁，問題果然解決了