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

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

<script type="text/javascript">
  autoAdjustWindow();
</script>
<script type="text/javascript">
//自動(dòng)調(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>

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

您可能感興趣的文章:

相關(guān)文章

比較不錯(cuò)的函數(shù)式JavaScript編程指南教程
你是否知道JavaScript其實(shí)也是一個(gè)函數(shù)式編程語言呢？本指南將教你如何利用JavaScript的函數(shù)式特性。
2008-05-05
淺談小程序 setData學(xué)問多
這篇文章主要介紹了淺談小程序 setData學(xué)問多，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2019-02-02
使用JavaScript判斷圖片是否加載完成的三種實(shí)現(xiàn)方式
有時(shí)需要獲取圖片的尺寸，這需要在圖片加載完成以后才可以，本文有三個(gè)不錯(cuò)的實(shí)現(xiàn)方式在此與大家分享下
2014-05-05
ie 7/8不支持trim的屬性的解決方案
在ie 7 8瀏覽器中，如果使用trim()屬性去除空格的話，則會(huì)導(dǎo)致報(bào)錯(cuò)，下面有幾種不錯(cuò)的解決方法
2014-05-05
詳解JSON Web Token 入門教程
這篇文章主要介紹了詳解JSON Web Token 入門教程，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2018-07-07
js/jquery解析json和數(shù)組格式的方法詳解
本篇文章主要是對(duì)js/jquery解析json和數(shù)組格式的方法進(jìn)行了詳細(xì)的介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助
2014-01-01
微信小程序靜默登錄的實(shí)現(xiàn)代碼
這篇文章主要介紹了微信小程序靜默登錄的實(shí)現(xiàn)代碼,代碼簡(jiǎn)單易懂，非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2020-01-01
微信小程序開發(fā)實(shí)現(xiàn)的選項(xiàng)卡(窗口頂部/底部TabBar)頁面切換功能圖文詳解
這篇文章主要介紹了微信小程序開發(fā)實(shí)現(xiàn)的選項(xiàng)卡(窗口頂部/底部TabBar)頁面切換功能,結(jié)合圖文與實(shí)例形式詳細(xì)分析了微信小程序選項(xiàng)卡切換相關(guān)操作實(shí)現(xiàn)技巧,需要的朋友可以參考下
2019-05-05
JS如何監(jiān)聽div的resize事件詳解
這篇文章主要給大家介紹了關(guān)于JS如何監(jiān)聽div的resize事件的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2020-12-12
js實(shí)現(xiàn)輪播圖效果 z-index實(shí)現(xiàn)輪播圖
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)輪播圖效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-01-01