快捷導(dǎo)航

使用javascript實現(xiàn)Iframe自適應(yīng)高度

更新時間：2014年12月24日 10:26:24 投稿：hebedich

這篇文章主要介紹了使用javascript實現(xiàn)Iframe自適應(yīng)高度,需要的朋友可以參考下

方法一：

$(window.parent.document).find("#ContentIframe").load(function() {

                    var main = $(window.parent.document).find("#ContentIframe");

                    var thisheight = $(document).height();

                    if (thisheight < 800)

                        thisheight = 800;

                    main.height(thisheight);

                });

這種寫法，只能對于加載的時候?qū)逃性氐淖赃m應(yīng)高度，當(dāng)元素變化的時候（如添加了很多元素，高度變化后）不能及時改變父窗體的iframe高度。

方法二：

復(fù)制代碼代碼如下:

function setMainHeight() {

    var main = $(window.parent.document).find("#ContentIframe");
    var thisheight = $("body").height();
    if (thisheight < 800) { thisheight = 800; }
    main.height(thisheight+50);

    setTimeout(setMainHeight, 2000);
}

添加一個計時器，輪詢判斷子頁面的高度變化。

以上2種都可以是iframe實現(xiàn)高度自適應(yīng)，小伙伴們根據(jù)自己的項目需求，自由選擇吧

您可能感興趣的文章:

相關(guān)文章

JS獲取網(wǎng)頁圖片name屬性的方法
這篇文章主要介紹了JS獲取網(wǎng)頁圖片name屬性的方法,涉及javascript操作圖片屬性的技巧,非常具有實用價值,需要的朋友可以參考下
2015-04-04
重構(gòu)Javascript代碼示例(重構(gòu)前后對比)
回顧頭來看看那些Javascript腳本，有寫得不太理想，過于復(fù)雜。現(xiàn)抽取出來，重構(gòu)它們,想學(xué)習(xí)javascript重構(gòu)的朋友可以參考下啊，網(wǎng)本文可以幫助你的
2013-01-01
layui關(guān)閉層級、簡單監(jiān)聽的實例
今天小編就為大家分享一篇layui關(guān)閉層級、簡單監(jiān)聽的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2019-09-09
js實現(xiàn)Select下拉框具有輸入功能的方法
這篇文章主要介紹了js實現(xiàn)Select下拉框具有輸入功能的方法,實例分析了兩種比較常見的實現(xiàn)方法,是非常實用的技巧,需要的朋友可以參考下
2015-02-02
js綜合應(yīng)用實例簡單的表格統(tǒng)計
在做調(diào)查問卷的過程中，遇到一個表格的統(tǒng)計問題，一個需要用到j(luò)s方面的綜合知識，感覺還不錯所以記錄下來與大家分享，感興趣的朋友可以了解下
2013-09-09
JS代碼如何獲取map的key
這篇文章主要介紹了JS代碼如何獲取map的key，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2022-08-08
詳解JavaScript 中的批處理和緩存
這篇文章主要介紹了詳解JavaScript 中的批處理和緩存，幫助大家完成需求，更好的理解和使用JavaScript，感興趣的朋友可以了解下
2020-11-11
javascript實現(xiàn)獲取一個日期段內(nèi)每天不同的價格(計算入住總價格)
這篇文章主要介紹了javascript實現(xiàn)獲取一個日期段內(nèi)每天不同的價格(計算入住總價格)的相關(guān)資料,需要的朋友可以參考下
2018-02-02
用最通俗易懂的代碼幫助新手理解javascript閉包推薦
我同樣也是個javascript新手，怎么說呢，先學(xué)的jquery，精通之后發(fā)現(xiàn)了javascript的重要性，再回過頭來學(xué)javascript面向?qū)ο缶幊?/div> 2012-03-03
利用js實現(xiàn)禁止復(fù)制文本信息
本文主要是通過javascript實現(xiàn)禁止瀏覽器中復(fù)制文本內(nèi)容的方法，十分的簡單，而且兼容IE和FF，有需要的小伙伴可以參考下
2015-06-06