這篇文章主要介紹了js實現(xiàn)iframe自動自適應(yīng)高度的方法,涉及javascript操作iframe框架的技巧,非常具有實用價值,需要的朋友可以參考下

本文實例講述了js實現(xiàn)iframe自動自適應(yīng)高度的方法。分享給大家供大家參考。具體如下：

在編寫網(wǎng)頁的時候，很多時候要用到自動伸縮iframe高度 ，假如ifram中嵌入的是一個列表，那么增加數(shù)據(jù)后，刷新列表，iframe高度會自動伸長。刪除數(shù)據(jù)后，iframe高度要自動縮短。

將下一段代碼拷貝到iframe所在那個html或者jsp頁面。在</html>標(biāo)簽后，調(diào)用此函數(shù)即可。

<script type="text/javascript">

autoAdjustWindow();

</script>

<script type="text/javascript">

//自動調(diào)整iframe的高度,自適應(yīng)樹的展開和收縮

function autoAdjustWindow(){

try{

window.frameElement.height=document.body.scrollHeight;

window.frameElement.parentElement.height=document.body.scrollHeight;

window.frameElement.width=document.body.scrollWidth;

window.frameElement.parentElement.width=document.body.scrollWidth;

}catch(e){

}

}

</script>

希望本文所述對大家的javascript程序設(shè)計有所幫助。

更多信息請查看IT技術(shù)專欄