iframe框架自適應高度

問:html

有一個頁面niu.html代碼以下框架

<iframe  src=http://www.iiwnet.com/about.html ></iframe> ide

頁面的高度是經過about.html頁面裏BODY 傳遞的,可是我如今調用的是一個別的網站的東西。沒法測試

在被調用的頁面獲得他的高度。。請問我在niu.html頁面裏有辦法實現 iframe 自動調整高度嗎?網站


答:htm

固然能夠~ip

重要提示:src=中你必須填寫的網頁地址,必定要和本頁面在同一個站點上,不然,會抱錯,說「拒絕訪問!」iframe

以前本身也碰到過這個問題,爲了獲得答案去網上搜索,發現有很多人也遇到了這樣的問題,如今就把解決方法共享一下it

超簡單哦class


一、創建一個iframe.js的文件,而後輸入下面的代碼(只有兩行哦)

parent.document.all("框架ID名").style.height=document.body.scrollHeight;//獲取高度

parent.document.all("框架ID名").style.width=document.body.scrollWidth;//獲取寬度

這裏的 框架ID名 就是Iframe的ID,好比:

<IFRAME id="框架ID名" name="left" frameBorder=0 scrolling=no src="http://www.niutw.com/about.html" width="100%"></IFRAME>


二、給你網站裏全部的被包含文件裏面每一個都加入

<script language = "JavaScript" src = "iframe.js"/></script>


三、OK,收工!

我在WINXP、IE6下面測試經過。很簡單吧!

相關文章
相關標籤/搜索