JavaScript、Jquery获取屏幕的宽度和高度

在日常的项目中经常需要获取屏幕的宽度或者高度,简单记录一下:

Javascript方法获取:

document.body.clientWidth //网页可见区域宽
document.body.clientHeight //网页可见区域高
document.body.offsetWidth //网页可见区域宽(包括边线的宽)
document.body.offsetHeight //网页可见区域高(包括边线的高)
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 //屏幕可用工作区宽度

JQuery方法获取:

($(window).height()); //浏览器当前窗口可视区域高度
($(document).height()); //浏览器当前窗口文档的高度
($(document.body).height());//浏览器当前窗口文档body的高度
($(document.body).outerHeight(true));//浏览器当前窗口文档body的总高度 包括border padding margin
($(window).width()); //浏览器当前窗口可视区域宽度
($(document).width());//浏览器当前窗口文档对象宽度
($(document.body).width());//浏览器当前窗口文档body的宽度
($(document.body).outerWidth(true));//浏览器当前窗口文档body的总宽度 包括border padding margin


未经允许不得转载:Web前端开发资源网 » JavaScript、Jquery获取屏幕的宽度和高度

推荐阅读:

Vue.js学习笔记——项目目录结构

给网站添加熊掌号粉丝关注按钮

JetbrainsCrack-2.7激活补丁更新 亲测激活PhpStorm2018

使用 swiper 轮播插件遇到的问题及解决方法

宝塔面板 IIS10 利用web.config文件强制HTTPS跳转

赞 (0)
分享到: +

评论 沙发

Avatar

换个身份

  • 昵称 (必填)
  • 邮箱 (选填)