【前端】iframe根据子内容高度进行自适应

针对多个iframe的情况
iframe标签

js代码

function iframeLoad() {
      var ifms = document.getElementsByTagName("iframe");  //获取iframe
      for (let index = 0; index < ifms.length; index++) { 
          let ifmItem = ifms[index];
          if (ifmItem.attachEvent) {  //判断为了兼容不同浏览器
              ifmItem.attachEvent("onload", function () {
                  ifmItem.height = 0;
                  ifmItem.height = ifmItem.contentWindow.document.documentElement.scrollHeight;
              });
          } else {
              ifmItem.onload = function () {  //要在iframe加载后在去获取高度
                  ifmItem.height = 0;
                  ifmItem.height = ifmItem.contentDocument.body.scrollHeight;
              };
          }
      }
  }

注意要在页面元素加载完成后再去设置高度