快捷導(dǎo)航

file模式訪問(wèn)網(wǎng)頁(yè)時(shí)iframe高度自適應(yīng)解決方案

更新時(shí)間：2013年01月16日 18:09:11 作者：

最近做到iframe的高度自適應(yīng)這個(gè)問(wèn)題;發(fā)現(xiàn)自己做的網(wǎng)頁(yè)是通過(guò)file方式訪問(wèn)的，將網(wǎng)頁(yè)代碼放到apache下通過(guò)http協(xié)議訪問(wèn)，在iframe加載的時(shí)候調(diào)用如下js方法:果然網(wǎng)頁(yè)高度能夠自適應(yīng)（對(duì)于其他方案應(yīng)該也有效果，我沒(méi)有注意去嘗試）感興趣的朋友可以了解下

最近做到iframe的高度自適應(yīng)這個(gè)問(wèn)題，網(wǎng)上一搜好多解決方案，而總結(jié)起來(lái)也就那幾種，我逐一嘗試這些方案，最后發(fā)現(xiàn)在我的項(xiàng)目中都不起作用，后來(lái)發(fā)現(xiàn)自己做的網(wǎng)頁(yè)是通過(guò)file方式訪問(wèn)的，將網(wǎng)頁(yè)代碼放到apache下通過(guò)http協(xié)議訪問(wèn)，在iframe加載的時(shí)候調(diào)用如下js方法：

復(fù)制代碼代碼如下:

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

果然網(wǎng)頁(yè)高度能夠自適應(yīng)（對(duì)于其他方案應(yīng)該也有效果，我沒(méi)有注意去嘗試），而通過(guò)file方式訪問(wèn)網(wǎng)頁(yè)同樣的的代碼log中始終報(bào)：UnsafeJavaScriptattempttoaccessframewithURLfile:///E:/workspace/html5/exam.htmlfrom
framewithURLfile:///E:/workspace/html5/quiz_preview.html.
Domains,protocolsandportsmustmatch.
每種方案都嘗試了報(bào)的錯(cuò)是這個(gè)，只能從這個(gè)問(wèn)題下手解決了，后來(lái)發(fā)現(xiàn)這種通過(guò)file方式跨域訪問(wèn)的方式chrome是默認(rèn)不允許的，又查如何設(shè)置chrome允許跨域訪問(wèn)：最簡(jiǎn)單的方法在chrome圖標(biāo)右鍵、屬性->目標(biāo)在后添加‘--disable-web-security'

重新啟動(dòng)chrome打開(kāi)要調(diào)的網(wǎng)頁(yè)，問(wèn)題果然解決了

您可能感興趣的文章: