js如何获得浏览器的宽高

在JavaScript中,可以使用window对象的innerWidthinnerHeight属性来获取浏览器窗口的宽度和高度,或者使用document.documentElement.clientWidthdocument.documentElement.clientHeight来获取视口(viewport)的宽度和高度。以下是具体的代码示例:

 
  
javascript// 获取浏览器窗口的宽度和高度
var windowWidth = window.innerWidth;
var windowHeight = window.innerHeight;

console.log("浏览器窗口的宽度是:" + windowWidth);
console.log("浏览器窗口的高度是:" + windowHeight);

// 获取视口的宽度和高度
var viewportWidth = document.documentElement.clientWidth;
var viewportHeight = document.documentElement.clientHeight;

console.log("视口的宽度是:" + viewportWidth);
console.log("视口的高度是:" + viewportHeight);

注意:window.innerWidthwindow.innerHeight返回的是浏览器窗口的尺寸,包括滚动条(如果存在的话)。而document.documentElement.clientWidthdocument.documentElement.clientHeight返回的是视口的尺寸,不包括滚动条。如果你只关心视口的大小,那么使用后者可能更合适。

你可能感兴趣的:(javascript,java,开发语言)