子页面修改iframe高度

2018-04-03  本文已影响0人  新篇章
<div class="active">
        <iframe class="iframeClass" src="assetDetail.html"></iframe>
</div>


function IFrameResize() {
    var obj = parent.document.getElementsByClassName("iframeClass"); //取得父页面IFrame对象
    for(var i = 0; i < obj.length; i++) {
        if($(obj).eq(i).attr('src') == 'assetDetail.html') {
            $(obj).eq(i).css('height', '920px');
            $(obj).eq(i).parent('.active').css('height', '920px');
        } else {
            $(obj).eq(i).css('height', '800px');
        }
    }
}

只有一个iframe

function IFrameResize() {
    var obj = parent.document.getElementsByClassName("iframeClass");//取得父页面IFrame对象
    var objScrollHeight = this.document.body.scrollHeight;
    $(obj).css('height', objScrollHeight + 150);
    $(obj).parent('.tab-pane').css('height', objScrollHeight + 150);
}
上一篇 下一篇

猜你喜欢

热点阅读