js控制iframe高度自适应 前端

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

关尔先生2017-01-05 22:15:22

一、js控制iframe高度自适应

1、js代码部分:

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页面:

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

二、jq控制iframe高度自适应

1、引用jquery库:

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

2、html部分,假定iframe链接的是a页面:

<iframe id="iframeId" width="100%" onload="$(this).height($(this).contents().find('body').height())" src="a.html"></iframe>


iframe高度自适应

上一篇:JavaScript基础核心特性的理解题

下一篇:红与黑

本文链接: http://nanshanqiao.com/zz_article/29.html

暂无评论