DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> js實現iframe自動自適應高度的方法教程
js實現iframe自動自適應高度的方法教程
編輯:關於JavaScript     

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

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

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

<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程序設計有所幫助。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved