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