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获取屏幕的宽度和高度

推荐阅读:

HTML页面 用CSS实现禁止选中、复制和右键

2018年4月24日 服务器换成腾讯云

js获取input上传文件的文件名和扩展名的方法

css的cursor属性 鼠标指针样式

腾讯云IIS 百度HTTPS认证失败必读及抓取诊断

赞 (0)
分享到: +

评论 沙发

Avatar

换个身份

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