获取浏览器窗口高度(动态计算)

最新推荐文章于 2024-09-09 09:35:48 发布

前端小云儿

最新推荐文章于 2024-09-09 09:35:48 发布

阅读量271

点赞数

分类专栏：前端静态页面以及逻辑文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/jieweiwujie/article/details/135958856

版权

前端静态页面以及逻辑专栏收录该内容

117 篇文章 17 订阅 ¥9.90 ¥199.90

订阅专栏

超级会员免费看

本文介绍如何使用JavaScript来动态地获取浏览器窗口的高度，包括窗口大小变化时的实时更新。通过实例代码和解析，帮助开发者掌握这一前端开发中常用的技术。

摘要由CSDN通过智能技术生成

<template>
  <div class=" ">
    <div>获取浏览器窗口高度(动态计算)</div>
    <h3>document.documentElement.clientHeight</h3>
    <h2></h2>
  </div>
</template>

<script>
export default {
  name: "name",
  data() {
    return {
      ruleForm: {},
    };
  },
  computed: {},
  mounted() {
    console.log(this.heightPx());
    window.addEventListener("resize", this.heightPx);
  },
  methods: {
    heightPx() {
      let height = document.documentElement.clientHeight;
      console.log(height);
      return height;
    },
  },
};
</script>

<style lang="scss">
h2 {
  color: #007dff;
}
</style>