javascript获取浏览器、文档、body的宽度和高度的方法

2 点赞
0 条评论
2850 次浏览
发布于 2021-10-09 10:23

很多时候我们需要用到js获取窗口的宽度或者高度,每个浏览器会有不同的方法,总结了一下如下:

document.body.offsetWidth; // 返回body的offsetWidth(包括边框)
document.body.offsetHeight;// 返回body的offsetHeight(包括边框)
document.body.clientWidth;// 网页可见区域宽
document.body.clientHeight;// 网页可见区域高
document.body.scrollWidth;// 网页正文全文宽
document.body.scrollHeight;// 网页正文全文高
document.body.scrollTop;// 网页被卷去的高
document.body.scrollLeft;// 网页被卷去的左
window.screenTop;// 网页正文部分上
window.screenLeft;// 网页正文部分左
window.screen.height;// 屏幕分辨率的高
window.screen.width;// 屏幕分辨率的宽
window.screen.availHeight;// 屏幕可用工作区高度
window.screen.availWidth;// 屏幕可用工作区宽度
document.documentElement.scrollWidth; // 返回整个文档的宽度
document.documentElement.offsetWidth; // 返回整个文档的可见宽度
document.documentElement.clientWidth; // 返回整个文档的可见宽度(不包含边框)
document.documentElement.clientHeight; // 返回整个文档的可见高度(不包含边框)
版权所属:开发日记
转载时必须以链接形式注明原始出处及本声明。
"赞助我们,我们才能做的更多&更好"
赞助支持
还没有评论
写下你的评论...