DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 使用javascript實現Iframe自適應高度
使用javascript實現Iframe自適應高度
編輯:關於JavaScript     

方法一:

復制代碼 代碼如下:
$(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);
                });

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

方法二:

復制代碼 代碼如下:
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實現高度自適應,小伙伴們根據自己的項目需求,自由選擇吧

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved