js 控制 iframe 高度自适应，jq 控制 iframe 高度自适应。

一、js 控制 iframe 高度自适应

1、js 代码部分：

1
2
3
4
5
6
7
8
9
10
function setIframeHeight(iframe) {
  if (iframe) {
    var iframeWin = iframe.contentWindow || iframe.contentDocument.parentWindow;
    if (iframeWin.document.body) {
      iframe.height =
        iframeWin.document.documentElement.scrollHeight + 40 ||
        iframeWin.document.body.scrollHeight + 40;
    }
  }
}

2、html 部分，假定 iframe 链接的是 a 页面：

1
<iframe id="iframeId" width="100%" onload="setIframeHeight(this)" src="a.html">iframe></iframe>

二、jq 控制 iframe 高度自适应

1、引用 jquery 库：

1
<script src="/JS/jquery-1.9.1.min.js" type="text/javascript">script>

2、html 部分，假定 iframe 链接的是 a 页面：

1
2
3
4
5
6
7
<iframe
  id="iframeId"
  width="100%"
  onload="$(this).height($(this).contents().find('body').height())"
  src="a.html"
  >iframe></iframe
>
编辑文章✏