首页 > 技术分享 > JavaScript
收藏

js为根据iframe中的内容为iframe动态设定高度

08/14 16:57
大潇博客 原创文章,转载请标明出处

有时候用iframe加载页面的时候,需要根据iframe中的内容动态的为iframe设置高度,下面的js方法即可实现,代码为:

//页面加载完成后0.5秒,重新为iframe高度赋值

function setIframeHeight(iframe) {

  if (iframe) {

    var iframeWin = iframe.contentWindow || iframe.contentDocument.parentWindow;

    if (iframeWin.document.body) {

      iframe.height = iframeWin.document.documentElement.scrollHeight || iframeWin.document.body.scrollHeight;

    }

  }

}

$(function(){

setTimeout("setIframeHeight(document.getElementById('comment_iframe'))",500);

});

把代码中的id改为自己需要设定高度的iframe的id即可使用(页面加载完成后0.5秒设置高度,设置延时用以防止其它js干扰)


打赏

阅读排行

大家都在搜

博客维护不易,感谢你的肯定
扫码打赏,建议金额1-10元
  • 15601023311