js根据内容自动调整iFrame高度

2020-10-13

可以使用JavaScript的contentWindow属性让iFrame根据里面的内容自动调整它的高度，这样就不会出现垂直滚动条。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Demo</title>
<style>
  iframe{
    width: 100%;
    border: 2px solid #ccc;
  }
</style>
</head>
<body>
  <iframe src="demo.php" id="myIframe"></iframe>
  <script>
    var iframe = document.getElementById("myIframe");
    iframe.onload = function(){
      iframe.style.height = iframe.contentWindow.document.body.scrollHeight + 'px';
  }
</script>
</body>
</html>
技术