工作生活

iframe宽高自适应

2019-07-03  本文已影响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>

上一篇 下一篇

猜你喜欢

热点阅读