iframe自适应

最新推荐文章于 2022-11-24 15:51:28 发布

原创最新推荐文章于 2022-11-24 15:51:28 发布 · 412 阅读

0 ·

CC 4.0 BY-SA版权

javascript 同时被 2 个专栏收录

2 篇文章

订阅专栏

CSS

2 篇文章

订阅专栏

纠结了很久的iframe自适应

在网上看了很多的iframe自适应，使用了以后也没见效。最后发现问题竟然出现在iframe的style设置上。设置iframe的宽高时不能用style="width:100px;height:100px"，需要直接写width="700" height="200"。不知道什么原因，但这样的确是有效解决了我的问题。
iframe:

<iframe src="dir.htm" name="iframename" id="iframename" width="700" align="center" height="200"  
 onload="Javascript:SetWinHeight(this)" frameborder="0" scrolling="no"></iframe>
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; 
                } 
        } 
    }