js和jq获取屏幕的宽高

学习教程 2020-01-08 76次浏览 0个评论
文章目录[隐藏]

前言

在我们开发过程中,经常会遇到获取屏幕的宽高,网上收集了一些记录留以备用

js 方法

网页可见区域宽: document.body.offsetWidth (包括边线的宽)
网页可见区域高: document.body.offsetHeight (包括边线的高)

网页可见区域宽: document.body.clientWidth
网页可见区域高: document.body.clientHeight

网页正文全文宽: 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

jq 方法

$(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


喜欢 (0)