JavaScript 常用代码段

杭州-前端-求内推

于 2017-08-10 23:50:21 发布

阅读量252

点赞数

分类专栏： ♚JavaScript 文章标签： JS常用代码段获取页面视口大小

♚JavaScript 专栏收录该内容

14 篇文章

订阅专栏

本文介绍了一种使用JavaScript来获取浏览器窗口视口宽度和高度的方法。通过检查window对象的innerWidth和innerHeight属性，或者在不同文档模式下访问document对象的相关属性，可以实现跨浏览器的视口尺寸获取。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

获取页面视口大小

let pageWidth = window.innerWidth,
    pageHeigth = window.innerHeight;

if(typeof pageWidth !== 'number') {
  if(document.compatMode  == "CSS1Compat") {
    pageWidth = document.documentElement.clientWidth;
    pageHeigth = document.documentElement.clientHeight;
  } else {
    pageWidth = document.body.clientWidth;
    pageHeigth = document.body.clientHeight;
  }
}