file模式訪問網(wǎng)頁時iframe高度自適應(yīng)解決方案
更新時間：2013年01月16日 18:09:11 作者：
最近做到iframe的高度自適應(yīng)這個問題;發(fā)現(xiàn)自己做的網(wǎng)頁是通過file方式訪問的，將網(wǎng)頁代碼放到apache下通過http協(xié)議訪問，在iframe加載的時候調(diào)用如下js方法:果然網(wǎng)頁高度能夠自適應(yīng)（對于其他方案應(yīng)該也有效果，我沒有注意去嘗試）感興趣的朋友可以了解下
最近做到iframe的高度自適應(yīng)這個問題，網(wǎng)上一搜好多解決方案，而總結(jié)起來也就那幾種，我逐一嘗試這些方案，最后發(fā)現(xiàn)在我的項目中都不起作用，后來發(fā)現(xiàn)自己做的網(wǎng)頁是通過file方式訪問的，將網(wǎng)頁代碼放到apache下通過http協(xié)議訪問，在iframe加載的時候調(diào)用如下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>
果然網(wǎng)頁高度能夠自適應(yīng)（對于其他方案應(yīng)該也有效果，我沒有注意去嘗試），而通過file方式訪問網(wǎng)頁同樣的的代碼log中始終報：UnsafeJavaScriptattempttoaccessframewithURLfile:///E:/workspace/html5/exam.htmlfrom
framewithURLfile:///E:/workspace/html5/quiz_preview.html.
Domains,protocolsandportsmustmatch.
每種方案都嘗試了報的錯是這個，只能從這個問題下手解決了，后來發(fā)現(xiàn)這種通過file方式跨域訪問的方式chrome是默認不允許的，又查如何設(shè)置chrome允許跨域訪問：最簡單的方法在chrome圖標(biāo)右鍵、屬性->目標(biāo)在后添加‘--disable-web-security'
重新啟動chrome打開要調(diào)的網(wǎng)頁，問題果然解決了
復(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īng)（對于其他方案應(yīng)該也有效果，我沒有注意去嘗試），而通過file方式訪問網(wǎng)頁同樣的的代碼log中始終報：UnsafeJavaScriptattempttoaccessframewithURLfile:///E:/workspace/html5/exam.htmlfrom
framewithURLfile:///E:/workspace/html5/quiz_preview.html.
Domains,protocolsandportsmustmatch.
每種方案都嘗試了報的錯是這個，只能從這個問題下手解決了，后來發(fā)現(xiàn)這種通過file方式跨域訪問的方式chrome是默認不允許的，又查如何設(shè)置chrome允許跨域訪問：最簡單的方法在chrome圖標(biāo)右鍵、屬性->目標(biāo)在后添加‘--disable-web-security'
重新啟動chrome打開要調(diào)的網(wǎng)頁，問題果然解決了
相關(guān)文章
eval(function(p,a,c,k,e,d)系列解密javascript程序
在網(wǎng)上下載源代碼時，很可能發(fā)現(xiàn)代碼里的JS腳本看不懂，這是由于JS加密造成的。如果你發(fā)現(xiàn)JS是以eval(function(p,a,c,k,e,r){e=function(c)開頭的，看到這個頁面你就可以解決他2007-04-04
JS在Chrome瀏覽器中showModalDialog函數(shù)返回值為undefined的解決方法
這篇文章主要介紹了JS在Chrome瀏覽器中showModalDialog函數(shù)返回值為undefined的解決方法,涉及javascript針對谷歌瀏覽器事件判定相關(guān)操作技巧,需要的朋友可以參考下2016-08-08
替代window.event.srcElement效果的可兼容性的函數(shù)
getEvent()方法可模擬window.event效果2009-12-12
本文主要介紹了js常用的DOM方法，具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02
Bootstrap 模態(tài)框(Modal)插件代碼解析
Bootstrap 模態(tài)框（Modal）插件 模態(tài)框（Modal）是覆蓋在父窗體上的子窗體。這篇文章主要介紹了Bootstrap 模態(tài)框(Modal)插件代碼解析的相關(guān)資料,需要的朋友可以參考下2016-12-12
使用Object.defineProperty為對象定義屬性
這篇文章主要為大家介紹了使用Object.defineProperty為對象定義屬性示例解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-08-08
Sortable.js功能強大的JavaScript 拖拽庫示例詳解
SortableJS 是一個強大、靈活且易于使用的 JavaScript 庫,適用于各種類型的拖放排序需求,這篇文章主要介紹了Sortable.js功能強大的JavaScript 拖拽庫示例詳解,需要的朋友可以參考下2025-01-01
dropdownlist之間的互相聯(lián)動實現(xiàn)（顯示與隱藏）
dropdownlist之間的互相聯(lián)動（顯示與隱藏）2009-11-11
在現(xiàn)代網(wǎng)頁設(shè)計中,文本是網(wǎng)頁中最重要的內(nèi)容之一,然而,當(dāng)文本超出其容器的大小時,會發(fā)生文本溢出的問題,文本溢出不僅會影響網(wǎng)頁的視覺效果,還會影響網(wǎng)頁的可讀性和可用性,所以本文給大家介紹了前端實現(xiàn)文本溢出展開和收起功能的方法,需要的朋友可以參考下2025-04-04
用javascript實現(xiàn)源代碼的隱藏與解密的方法
用javascript實現(xiàn)源代碼的隱藏與解密的方法2009-12-12