JS,Jquery获取屏幕的宽度和高度代码-蒲公英云

JS,Jquery获取屏幕的宽度和高度代码

朱雀 2020-06-21 13:17 886阅读 0赞

JS,Jquery获取屏幕的宽度和高度代码

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
　})