美文网首页工作生活
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宽高自适应

    Title window.onload = function...

  • iframe 自适应宽高

    尽管 iframe 不好控制,但在前端中还是有一些场景它确实算好用。比如一个系统需要引入第三方的页面,此时只需要页...

  • 实现iframe内容页拖拽代替滚动条滚动

    需求:用iframe标签链接一个网页,iframe设置固定宽高,隐藏滚动条,当内容页宽高大于iframe宽高,拖动...

  • image 居中且图片不变形

    保持高宽比率 图片居中不变形,网上有不少方法,但多少有点问题。在上一篇 iframe 自适应宽高[https://...

  • iOS Masonry布局(二) - UILabel

    UILabel自适应宽高 UILabel使用Masonry布局时如果不添加宽高约束,视图会根据内容自适应宽高。 示...

  • Iframe高度自适应

    1. 同域iframe高度自适应 2. 跨域iframe高度自适应

  • 图片自适应

    1.平均分为3份,图片宽 根据 屏幕宽 自适应,图片宽高 根据 图片宽 的大小自适应,始终不会扭曲 图片...

  • 使用UILabel显示富文本的时候图片宽高自适应方法

    在使用UILabel显示富文本的时候(包含图片),有图片的情况下图片宽高不能自适应,图片宽高自适应方法如下: de...

  • 高度塌陷

    1、自适应宽高 (1)块级元素宽度设置为100%,或者不设置,默认为父元素的宽 (2)高度自适应:不设置父元素的高...

  • HTML经常用到的标签详解

    iframe标签 嵌套其他页面默认的宽高是50px,100px可以自定宽高 a标签 QQ 在空页面...

网友评论

    本文标题:iframe宽高自适应

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