iframe宽高自适应

<!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>

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • "use strict";function _classCallCheck(e,t){if(!(e instanc...
    久些阅读 2,129评论 0 2
  • 自适应高度,其实就是设置iframe的高度,使其等于内嵌网页的高度,从而看不出来滚动条和嵌套痕迹。对于用户体验和网...
    布拉德皮蛋_qzy阅读 3,466评论 0 3
  • 写在前面: Window和document对象的区别 window对象表示浏览器中打开的窗口 window对象是可...
    给堕落一个理由先阅读 747评论 0 3
  • 100个常用的javascript函数 1、原生JavaScript实现字符串长度截取 复制代码代码如下: fun...
    老头子_d0ec阅读 409评论 0 0
  • 一、JS前言 (1)认识JS 也许你已经了解HTML标记(也称为结构),知道了CSS样式(也称为表示),会使用HT...
    凛0_0阅读 2,900评论 0 8

友情链接更多精彩内容