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

字號:


    方法一:
    代碼如下:
    $(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應高度,當元素變化的時候(如添加了很多元素,高度變化后)不能及時改變父窗體的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實現(xiàn)高度自適應,小伙伴們根據(jù)自己的項目需求,自由選擇吧