在JavaScript中,可以使用window
对象的innerWidth
和innerHeight
属性来获取浏览器窗口的宽度和高度
或者使用document.documentElement.clientWidth
和document.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.innerWidth
和window.innerHeight
返回的是浏览器窗口的尺寸,包括滚动条(如果存在的话)。
而document.documentElement.clientWidth
和document.documentElement.clientHeight
返回的是视口的尺寸,不包括滚动条。
如果你只关心视口的大小,那么使用后者可能更合适。