首頁 > web前端 > js教程 > 使用javascript實作Iframe自適應高度_javascript技巧

使用javascript實作Iframe自適應高度_javascript技巧

WBOY
發布: 2016-05-16 16:24:43
原創
992 人瀏覽過

方法一:

複製程式碼 程式碼如下:

$(window.parent.document).find("#ContentIframe").load(function() {
                    var main = $(window.parent.document).find("#ContentIframe");
                    var thisheight = $(document).height();
                    if (thisheight                         thisheight = 800;
                    main.height(thisheight);
                });

這種寫法,只能對於加載的時候對固有元素的自適應高度,當元素變化的時候(如添加了很多元素,高度變化後)不能及時改變父窗體的iframe高度。

方法二:

複製程式碼 程式碼如下:

function setMainHeight() {

    var main = $(window.parent.document).find("#ContentIframe");
    var thisheight = $("body").height();
    if (thisheight     main.height(thisheight 50);
   
    setTimeout(setMainHeight, 2000);
}

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

以上2種都可以是iframe實現高度自適應,小夥伴們根據自己的專案需求,自由選擇吧

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板