javascript获取浏览器、文档、body的宽度和高度的方法
2 点赞
0 条评论
2212 次浏览
发布于 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; // 返回整个文档的可见高度(不包含边框)
"赞助我们,我们才能做的更多&更好"
赞助支持
还没有评论
写下你的评论...
最热文章
使用dart-sass替换node-sass
5192 浏览 · 0 评论
浏览器后退跳转到指定的页面
3866 浏览 · 0 评论
好玩的CSS3(3)-- 翻转(旋转正反两张)图片
3860 浏览 · 0 评论
Flutter适配夜间模式
3611 浏览 · 0 评论
pc端常用电脑屏幕分辨率尺寸适配
3570 浏览 · 0 评论
最新文章
js通过扫码枪快速录入的实现
406 浏览 · 0 评论
使用 WebSocket 实现你画我猜实时绘图
745 浏览 · 0 评论
基于code-server部署自己的云端vscode
2871 浏览 · 0 评论
支付宝动态收款码生成自定义金额及备注
2863 浏览 · 0 评论
使用 nohup 命令将程序挂载在后台执行
1959 浏览 · 0 评论
基于OpenLayers实现离线地图
2802 浏览 · 0 评论