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

來源:互聯網
上載者:User

最近做到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開啟要調的網頁,問題果然解決了

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.