Dynamic 如果内部内容的大小发生变化，是否有任何方法可以自动调整iframe的大小？_Dynamic_Iframe_Size

Dynamic 如果内部内容的大小发生变化，是否有任何方法可以自动调整iframe的大小？

dynamic iframe

Dynamic 如果内部内容的大小发生变化，是否有任何方法可以自动调整iframe的大小？,dynamic,iframe,size,Dynamic,Iframe,Size,例如，我试图在主页上为youtube订阅框设置iframe，问题是，如果我将iframe设置得很长，那么它会浪费空间，但是如果我设置了所需的大小，那么如果用户单击“加载更多视频”按钮，那么它就会被切断。那么，有没有办法使iframe（或任何备选方案）成为大小的一个百分比，或者在页面更改时动态更改？创建一个文件并将其命名为iframe.html <html> <head> <script type="text/javascript"></span>

例如，我试图在主页上为youtube订阅框设置iframe，问题是，如果我将iframe设置得很长，那么它会浪费空间，但是如果我设置了所需的大小，那么如果用户单击“加载更多视频”按钮，那么它就会被切断。那么，有没有办法使iframe（或任何备选方案）成为大小的一个百分比，或者在页面更改时动态更改？

创建一个文件并将其命名为

iframe.html

<html>
<head>
<script type="text/javascript"></span>
    function autoIframe(frameId){
        try{
            frame = document.getElementById(frameId);
            innerDoc = (frame.contentDocument) ? frame.contentDocument : frame.contentWindow.document;

            if (innerDoc == null){
                            // Google Chrome
                frame.height = document.all[frameId].clientHeight + document.all[frameId].offsetHeight + document.all[frameId].offsetTop;
            }
                    else{
                    objToResize = (frame.style) ? frame.style : frame;
                    objToResize.height = innerDoc.body.scrollHeight + 18;
                    }
        }

        catch(err){
                alert('Err: ' + err.message);
            window.status = err.message;
        }
    }
    </script>
</head>
<body>
    <iframe id="tree" name="tree" src="tree.html" onload="if (window.parent &amp;&amp; window.parent.autoIframe) {window.parent.autoIframe('tree');}"></iframe>
</body>
</html>


函数autoIframe（frameId）{
试一试{
frame=document.getElementById（frameId）；
innerDoc=（frame.contentDocument）？frame.contentDocument:frame.contentWindow.document；
if（innerDoc==null）{
//谷歌浏览器
frame.height=document.all[frameId].clientHeight+document.all[frameId].offsetHeight+document.all[frameId].offsetTop；
}
否则{
objToResize=（frame.style）？frame.style:frame；
objToResize.height=innerDoc.body.scrollHeight+18；
}
}
捕捉（错误）{
警报（“错误：”+错误消息）；
window.status=err.message；
}
}

现在创建一个名为

tree.html

的html页面，并在其中放入一些虚拟内容。确保

iframe.html

和

tree.html

位于

相同的目录中。在浏览器中打开.html
文件，您将观察o/p
一些更有用的链接：