js實現iframe自動自適應高度的方法

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

   

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

在編寫網頁的時候，很多時候要用到自動伸縮iframe高度 ，假如ifram中嵌入的是一個列表，那麼增加數據後，刷新列表，iframe高度會自動伸長。刪除數據後，iframe高度要自動縮短。

將下一段代碼拷貝到iframe所在那個html或者jsp頁面。在</html>標簽後，調用此函數即可。

? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 <script type="text/javascript"> autoAdjustWindow(); </script> <script type="text/javascript"> //自動調整iframe的高度,自適應樹的展開和收縮 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程序設計有所幫助。