JS,Jquery获取各种屏幕的宽度和高度
Posted 是BUG酱哇
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JS,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:
$(document).ready(function(){
alert($(window).height()); //浏览器当前窗口可视区域高度
alert($(document).height()); //浏览器当前窗口文档的高度
alert($(document.body).height());//浏览器当前窗口文档body的高度
alert($(document.body).outerHeight(true));//浏览器当前窗口文档body的总高度 包括border padding margin
alert($(window).width()); //浏览器当前窗口可视区域宽度
alert($(document).width());//浏览器当前窗口文档对象宽度
alert($(document.body).width());//浏览器当前窗口文档body的宽度
alert($(document.body).outerWidth(true));//浏览器当前窗口文档body的总宽度 包括border padding margin
})
以上是关于JS,Jquery获取各种屏幕的宽度和高度的主要内容，如果未能解决你的问题，请参考以下文章
学前段好还是后端好? JS,Jquery获取各种屏幕的宽度和高度？