美文网首页
iframe高宽度根据内容自适应

iframe高宽度根据内容自适应

作者: 秦语川 | 来源:发表于2019-07-17 14:47 被阅读0次

    iframe根据内容的高度和宽度适应

    <iframe src="https://www.baidu.com" id="iframe" frameborder="0" scrolling="no" 
    onload="changeFrameHeight()"></iframe>
            <script type="text/javascript" language="javascript">
                function changeFrameHeight() {
                    var ifm = document.getElementById("iframe");
                    ifm.height = document.documentElement.clientHeight;
                    ifm.width = document.documentElement.clientWidth;
                    console.log("高度",document.documentElement.clientHeight);
                }
                window.onresize = function() {
                    changeFrameHeight();
                }
            </script>
    

    相关文章

      网友评论

          本文标题:iframe高宽度根据内容自适应

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