iframe 自适应高度

最新推荐文章于 2021-04-01 22:08:16 发布

lengxue789

最新推荐文章于 2021-04-01 22:08:16 发布

阅读量816

点赞数

分类专栏： web前端

本文链接：https://blog.csdn.net/lengxue789/article/details/8494218

版权

web前端专栏收录该内容

1 篇文章 0 订阅

订阅专栏

js代码：

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;

}

html代码：

< iframe src = "<{spUrl c=main a=indexRight}>" name = "pindex" id = "pindex" allowtransparency = "true" frameborder = "0" scrolling = "no" style =" width : 740px ; min-height : 860px ; _height : 400px ; margin : 0 ;" onload="SetWinHeight(this)" > </ iframe >

之前一直被iframe自适应高度的问题困扰，很多JS代码在FF里面似乎就变成哑巴了。后来下面这段代码终于被我从万千号称兼容FF的代码堆中翻了出来。我已经用过了，真的好用。尤其是对于我这样的JS水平较低（真不好意思）的人来说，这段代码简单易懂，方便修改，只要把下面的代码复制粘贴到iframe所在页面的<body>标签里面，并且修改一下ID名就行了（注意，要修改的地方有两个，位置是下面代码中绿色的地方）。

向原创这段代码的朋友致敬。

步骤1：在<body>标签下先输入如下JS代码

function adjustFrameSize()
{

            var frm = document.getElementById(" iframe1"); //将iframe1替换为你的ID名
            var subWeb = document.frames ? document.frames[" iframe1"].document : frm.contentDocument;
           if(frm != null && subWeb != null)
          {
                   frm.style.height="0px";//初始化一下,否则会保留大页面高度
                   frm.style.height = subWeb.documentElement.scrollHeight+"px";
                   frm.style.width = subWeb.documentElement.scrollWidth+"px";
                   subWeb.body.style.overflowX="auto";
                   subWeb.body.style.overflowY="auto";

} }

</script>

步骤2：在iframe标签中加上id="iframe1" οnlοad="adjustFrameSize()"

例如<iframe id="iframe1" οnlοad="adjustFrameSize()" scrolling="no" src="iframe1.html" width="100%" height="300px" target="_self" frameborder="0"></iframe>

lengxue789

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
iframe 自适应高度

js代码：function SetWinHeight(obj){ var win=obj; if (document.getElementById) { if (win && !window.opera){ if (win.contentDocument && win.co
复制链接

扫一扫