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

2024-05-06 14:19:56

字體：大中小

來源：轉載

供稿：網友

最近做到iframe的高度自適應這個問題，網上一搜好多解決方案，而總結起來也就那幾種，我逐一嘗試這些方案，最后發現在我的項目中都不起作用，后來發現自己做的網頁是通過file方式訪問的，將網頁代碼放到apache下通過http協議訪問，在iframe加載的時候調用如下js方法：
代碼如下:
<SPANstyle="FONT-FAMILY:KaiTi_GB2312;FONT-SIZE:18px">functionSetWinHeight(obj)
{
varwin=obj;
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;
}
}
}</SPAN>

果然網頁高度能夠自適應（對于其他方案應該也有效果，我沒有注意去嘗試），而通過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打開要調的網頁，問題果然解決了

上一篇：js+數組實現網頁上顯示時間/星期幾的實用方法

下一篇：js彈出框輕量級插件jquery.boxy使用介紹