js實現(xiàn)iframe自動自適應(yīng)高度的方法
更新時間：2015年02月17日 11:12:08 作者：sicluoyi
這篇文章主要介紹了js實現(xiàn)iframe自動自適應(yīng)高度的方法,涉及javascript操作iframe框架的技巧,非常具有實用價值,需要的朋友可以參考下
本文實例講述了js實現(xiàn)iframe自動自適應(yīng)高度的方法。分享給大家供大家參考。具體如下：
在編寫網(wǎng)頁的時候，很多時候要用到自動伸縮iframe高度 ，假如ifram中嵌入的是一個列表，那么增加數(shù)據(jù)后，刷新列表，iframe高度會自動伸長。刪除數(shù)據(jù)后，iframe高度要自動縮短。
將下一段代碼拷貝到iframe所在那個html或者jsp頁面。在</html>標簽后，調(diào)用此函數(shù)即可。
<script type="text/javascript">
autoAdjustWindow();
</script>
<script type="text/javascript">
//自動調(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è)計有所幫助。
相關(guān)文章
下面小編就為大家?guī)硪黄猨s讀取json文件片段中的數(shù)據(jù)實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-03-03
JS中Map、WeakMap和Object的區(qū)別解析
Map、WeakMap和Object都是JavaScript中用于存儲鍵值對的數(shù)據(jù)結(jié)構(gòu)，它們在鍵類型、垃圾回收、可枚舉性、方法和操作、以及繼承等方面存在一些區(qū)別，適用于不同的場景，本文給大家詳細講解js map、weakmap和object區(qū)別，需要的朋友可以參考下2023-04-04
uniapp實現(xiàn)下拉刷新與上拉觸底加載功能的示例代碼
這篇文章主要記錄一下uniapp實現(xiàn)下拉刷新與上拉觸底加載功能的示例代碼，文中的示例代碼講解詳細，感興趣的小伙伴可以跟隨小編一起學習一下2023-04-04
基于JavaScript實現(xiàn)鼠標懸浮彈出跟隨鼠標移動的帶箭頭的信息層
這篇文章主要介紹了基于JavaScript實現(xiàn)鼠標懸浮彈出跟隨鼠標移動的帶箭頭的信息層 的相關(guān)資料,需要的朋友可以參考下2016-01-01
js實現(xiàn)3D粒子酷炫動態(tài)旋轉(zhuǎn)特效
這篇文章主要為大家詳細介紹了js實現(xiàn)3D粒子酷炫動態(tài)旋轉(zhuǎn)特效，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-09-09
這篇文章主要介紹了如何利用Cesium實現(xiàn)加載顯示熱力圖，文中的示例代碼講解詳細，對我們學習或工作有一定的幫助，需要的可以參考一下2022-06-06
沒有事研究了下倒計時的效果，因此自己練習了一下，需要的朋友可以參考下2012-08-08
這篇文章主要介紹了JS簡單實現(xiàn)數(shù)組去重的方法,涉及javascript數(shù)組的遍歷、判斷及賦值操作,代碼非常簡單易懂,具有一定參考借鑒價值,需要的朋友可以參考下2017-03-03
這篇文章主要介紹了js實現(xiàn)緩沖運動效果的方法,涉及javascript操作元素運動的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-04-04
javascript中字符串替換函數(shù)replace()方法與c# 、vb 替換有一點不同
JavaScript 不像和c# vb.net 中一樣 直接就可以替換所以的要替換的字符2010-06-06