美文网首页工作生活
iframe宽高自适应

iframe宽高自适应

作者: 九霄龙呤 | 来源:发表于2019-07-03 20:52 被阅读0次

    <!DOCTYPE html>

    <html lang="en">

    <head>

        <meta charset="UTF-8">

        <title>Title</title>

        <script type="text/javascript">

            window.onload = function(){

                setInterval(function(){

                    let tpFrame = document.getElementById("tpFrame");

                    if(tpFrame){

                        var subWeb = window.frames ? window.frames["tpFrame"].document : tpFrame.contentDocument;

                        if (tpFrame != null && subWeb != null) {

                            tpFrame.height = subWeb.body.scrollHeight;

                            tpFrame.width = subWeb.body.scrollWidth;

                        }

                    }

                },10);

            }

        </script>

    </head>

    <body>

        <div>

            <iframe

                style="border: 1px solid blue;"

                name = "tpFrame"

                id="tpFrame"

                src="./tp1.html"

                scrolling="no"

                frameBorder="0"

            />

        </div>

    </body>

    </html>

    相关文章

      网友评论

        本文标题:iframe宽高自适应

        本文链接:https://www.haomeiwen.com/subject/yphhhctx.html