您的位置:首页 > Web前端 > JQuery

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

2016-12-28 00:00 190 查看
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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: