有兩種方法：

一，就是通過父頁面改變

　　這里要理解框架的兩個屬性 contentWindow 和contentDocument 兩個屬性的意思和window document意思差不多，不同的是contentWindow 所有瀏覽器都支持，contentDocument ? ie6,7不支持，chrome 也不支持

<iframe οnlοad="change_height()"></iframe>

function change_height(){

　　var iframe=document.getElementById("iframe_id");//取得框架元素

　　var i_height=iframe.contentWindow.document.body.scrollHeight||iframe.contentWindow.document.documentElement.scrollHeight;//取得框架內容的高度

　　iframe.height=i_height;//改變

}

二，就是通過內容改變

在內容頁進行

window.οnlοad=function(){

　　var iframe=parent.document.getElementById("iframe_id");//取得框架元素

　　iframe.height=document.body.scrollHeight||document.documentElement.scrollHeight;//取得框架內容的高度并改變

}

總結

以上是生活随笔為你收集整理的框架高度随内容改变的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。