视口尺寸相关属性
window.innerWidth 和 window.innerHeight
- 定义：这两个属性返回浏览器窗口视口（viewport）的宽度和高度，单位是像素。视口是指浏览器中用于显示网页内容的区域，不包括浏览器的菜单栏、工具栏、滚动条等。
window.outerWidth 和 window.outerHeight
- 定义：这两个属性返回整个浏览器窗口的宽度和高度，包括浏览器的菜单栏、工具栏、滚动条等所有部分。
文档尺寸相关属性
document.documentElement.clientWidth 和 document.documentElement.clientHeight
- 定义：返回文档根元素（
<html>）的内部宽度和高度，不包括滚动条（如果存在），但包括内边距（padding）。通常用于获取视口的实际可用宽度和高度。
document.documentElement.scrollWidth 和 document.documentElement.scrollHeight
- 定义：返回文档根元素（
<html>）的实际宽度和高度，包括由于内容溢出而被隐藏的部分。如果文档内容没有溢出，这两个属性的值通常等于clientWidth和clientHeight。
滚动位置相关属性
window.pageXOffset 和 window.pageYOffset
- 定义：返回文档在水平和垂直方向上的滚动距离，单位是像素。这两个属性是标准的跨浏览器兼容的获取滚动位置的方法。
屏幕尺寸相关属性
screen.width 和 screen.height
- 定义：返回用户屏幕的宽度和高度，单位是像素。这是整个屏幕的物理尺寸，不考虑浏览器窗口的大小。
screen.availWidth 和 screen.availHeight
- 定义：返回屏幕的可用宽度和高度，即不包括任务栏、窗口边框等占用的空间。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
