這篇文章主要介紹了js實現(xiàn)iframe自動自適應高度的方法,涉及javascript操作iframe框架的技巧,非常具有實用價值,需要的朋友可以參考下
本文實例講述了js實現(xiàn)iframe自動自適應高度的方法。分享給大家供大家參考。具體如下：
在編寫網(wǎng)頁的時候，很多時候要用到自動伸縮iframe高度 ，假如ifram中嵌入的是一個列表，那么增加數(shù)據(jù)后，刷新列表，iframe高度會自動伸長。刪除數(shù)據(jù)后，iframe高度要自動縮短。
將下一段代碼拷貝到iframe所在那個html或者jsp頁面。在</html>標簽后，調用此函數(shù)即可。
<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程序設計有所幫助。
更多信息請查看IT技術專欄
公眾號
事業(yè)單位
當前位置：
公考類
招聘類
各類考試