js获取浏览器和屏幕的各种宽度高度

2022-12-25 主页软件教程一：网页可见区域的宽度和高度，不包括工具栏和滚动条（浏览器窗口可见区域的大小）

1. 对于IE9+、chrome、firefox、Opera、Safari：

window.innerHeight 浏览器窗口的内部高度；

window.innerWidth浏览器窗口的内部宽度；

2.适用于IE8.7.6.5:

document.documentElement.clientHeight: 表示HTML文档所在窗口的当前高度；

document.documentElement.clientWidth: 表示HTML文档所在窗口的当前宽度；

或者，因为document对象的body属性对应的是HTML文档的标签，所以也可以表示为：

document.body.clientHeight：表示HTML文档所在窗口的当前高度；

document.body.clientWidth：表示HTML文档所在窗口的当前宽度；

综上所述：

document.body.clientWidth/Height：宽度和高度太小，高度甚至默认为200；

document.documentElement.clientWidth/Height 和window.innerWidth/Height 的宽度和高度始终相等。

所以一个在不同浏览器中实用的Javascript解决方案：

2：网页文字全文宽度和高度

scrollWidth和scrollHeight获取网页内容的高度和宽度

1、对于IE.Opera：scrollHeight是网页内容的实际高度，可以小于clientHeight；

2、对于NS.firefox：scrollHeight是网页内容的高度，但最小值是clientHeight；也就是说，当网页内容的实际高度小于clientHeight时，scrollHeight返回clientHeight；

3.浏览器兼容代码：

2：网页可见区域的宽度和高度，包括滚动条和其他边缘（会随着窗口的显示尺寸而变化）

1、取值：offsetWidth=scrollWidth+左右滚动条+左右边框；

offsetHeight=scrollHeight+上下滚动条+上下边框；

2.浏览器兼容代码：

三：网页滚动的距离和偏移量

1.scrollLeft: 设置或获取给定对象的左边缘与窗口中当前可见内容的最左端之间的距离；

2.scrollTop: 设置或获取给定对象的顶部与窗口中当前可见内容的左端之间的距离；

3.offsetLeft: 设置或获取给定对象相对于布局或offsetParent属性指定的父坐标的计算左侧位置；

4.offsetTop: 设置或获取给定对象相对于布局或offsetParent 属性指定的父坐标的计算顶部位置。

家庭软件教程

WPS word如何自动移动单张图片和多张图片

WPS文档怎样设置横版和竖版混合排版？

WPS PPT中插入条形码的方法

wps裁剪标记怎么不显示？wps文字裁剪标记不显示的方法教程

WPS excel如何快捷添加多个工作簿

wps怎样显示垂直标尺

WPS表格隐藏数据的方法步骤

WPS演示中制作连续动画，一触即发效果的详细方法(图文教程)

wps文字怎样插入批注

WPS怎么制作密封线？ WPS制作密封线并添加姓名/单位的教程