沉梦博客

php交流 JavaScript 易语言交流

js或jQuery获取当前屏幕的各种高度-js笔记


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

})


Powered By Z-BlogPHP 1.6.0 Valyria

Copyright 沉梦网络科技 Rights Reserved.