在iframe标签里面添加方法使高度自适应

要使 iframe 的高度自适应，你可以使用以下方法：

1. 在 iframe 标签中添加 onload 属性，并设定一个 JavaScript 函数来调整 iframe 的高度：

<iframe src="your-page-url" onload="resizeIframe(this)" frameborder="0"></iframe>

2. 在 JavaScript 中定义 resizeIframe 函数，用于根据 iframe 内容的实际高度调整 iframe 的高度：

function resizeIframe(iframe) {
  if (iframe) {
    iframe.style.height = iframe.contentWindow.document.body.scrollHeight + 'px';
  }
}

这样，当 iframe 的内容加载完成后，会自动调用 resizeIframe 函数来设置 iframe 的高度为内容的实际高度。请确保被嵌入的页面（your-page-url）与 iframe 所在页面在同一个域名下，否则可能会受到浏览器的安全限制。

相关问题

iframe设置高度自适应

设置iframe的高度自适应有多种方法。其中一种方法是使用JavaScript函数来动态调整iframe的高度。在这个方法中，你可以使用iframe的onload事件和JavaScript函数来设置iframe的高度。具体代码如下：

在iframe标签中添加onload事件和id属性：

<iframe width="778" align="center" height="200" id="win" name="win" onload="SetWinHeight(this)" frameborder="0" scrolling="no" src="1.htm"></iframe>

然后在JavaScript中定义SetWinHeight函数，根据内容的高度来设置iframe的高度：

<script>
function SetWinHeight(obj) {
  var win = obj;
  if (document.getElementById) {
    if (win && !window.opera) {
      if (win.contentDocument && win.contentDocument.body.offsetHeight) {
        win.height = win.contentDocument.body.offsetHeight;
      } else if (win.Document && win.Document.body.scrollHeight) {
        win.height = win.Document.body.scrollHeight;
      }
    }
  }
}
</script>

另一种方法是使用iframe的onload事件和JavaScript函数来设置iframe的高度。这种方法适用于多种浏览器，包括IE6/IE7/IE8/Firefox/Opera/Chrome/Safari。具体代码如下：

在iframe标签中添加onload事件和id属性：

<iframe src="http://www.fufuok.com/" id="iframepage" name="iframepage" frameBorder=0 scrolling=no width="100%" onLoad="iFrameHeight()"></iframe>

然后在JavaScript中定义iFrameHeight函数，根据内容的高度来设置iframe的高度：

<script type="text/javascript" language="javascript">
function iFrameHeight() {
  var ifm = document.getElementById("iframepage");
  var subWeb = document.frames ? document.frames["iframepage"].document : ifm.contentDocument;
  if (ifm != null && subWeb != null) {
    ifm.height = subWeb.body.scrollHeight;
  }
}
</script>

这些方法可以帮助你实现iframe的高度自适应。通过在iframe标签中添加相应的事件和函数，根据内容的高度来自动调整iframe的高度，从而实现高度的自适应。

iframe宽高度自适应

回答: 要实现iframe的宽高度自适应，可以使用以下方法。首先，在iframe的父页面中，添加一个脚本来设置iframe的高度。脚本中的changeFrameHeight函数会根据iframe内容的高度来动态调整iframe的高度。同时，还需要在窗口大小改变时触发changeFrameHeight函数，以保证iframe的高度能够随着窗口大小的改变而自适应。[1]

在iframe的标签中，设置id为"myiframe"，并添加onload事件，当iframe加载完成后，调用changeFrameHeight函数来设置iframe的初始高度。[2]

另外，还可以使用另一种方法来实现iframe的宽高度自适应。在iframe的标签中，设置height为0，并使用padding-bottom来控制iframe的高度。padding-bottom的值可以根据iframe的宽高比来计算，例如设置为56.25%可以适应16:9的宽高比。[3]这样，当iframe加载完成后，会根据padding-bottom的比例来自动调整iframe的高度，实现宽高度自适应。