js iframe高度适配(一个函数搞定iframe适配)

前端这点事 119 0
  1. iframe自适应高度方法

function setIframe() {
 var iframe = document.getElementByIdx("frameDetail");
 var bHeight = iframe.contentWindow.document.body.scrollHeight;
 var dHeight = iframe.contentWindow.document.documentElement.scrollHeight;
 var height = bHeight > dHeight ? bHeight : dHeight;
 iframe.height = height;
 }

2.使用如下

<iframe src="https://xxxx.com" id="frameDetail" name="frameDetail" onload="setIframe()" height="700px" width="100%" frameborder="0" scrolling="no"></iframe>


标签: JavaScript

发表评论 (已有0条评论)

还木有评论哦,快来抢沙发吧~