js获取浏览器可视区域高度并赋值给div/iframe

最新推荐文章于 2023-03-01 10:01:39 发布

彤小雨

最新推荐文章于 2023-03-01 10:01:39 发布

阅读量721

点赞数

分类专栏： JavaScript 文章标签： js 浏览器可视区域高度

本文链接：https://blog.csdn.net/Ambition_PX/article/details/103523800

版权

JavaScript 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

js代码部分

<script>

   function getFrame1Height() {
        var Frame = document.getElementById('frame');//获取frame
        var body_height = document.documentElement.clientHeight;//document.body.clientHeight中在<!DOCTYPE html>声明下会返回0
        Frame.style.height = body_height + 'px';//将正文的高度赋值给Load
   }
   window.onresize = function () {
        getFrame1Height();//调用函数
   }

</script>

html代码部分

<body>
  <div class="nav">

  </div>
  <!-- <div class="Load" id="Load" onload="getHeight()">
    <div class="footer">
      <input class="" value="关闭" type="button"></input>
    </div>
  </div> -->
  <iframe id="frame" class="frame" onload="getHeight()">

  </iframe>
</body>