js获取浏览器全屏高宽，js获取浏览器ua

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

lishixinzhi/Article/program/Java/JSP/201311/20160

相关问答

Q1: jquery或js 如何时时获取浏览器当前的宽和高？

获取步骤如下所示。

1：可以使用定时器setInterval，每秒获取一次浏览器的宽和高。

2：使用jQuery可以这样获取window的宽高。

3：宽度 $(window)width() ，高度$(window).height()，自己写个函数，设定定时器的时间。

4：body onresize="showSize()" ，页面相关事onresize浏览器的窗口大小被改变时触发此事件。

Q2: JS 获取当前浏览器宽高

JQuery获取：

console.log($(window).width()); //浏览器当前窗口可视区域宽度

console.log($(window).height()); //浏览器当前窗口可视区域高度

console.log($(document).width());//浏览器当前窗口文档对象宽度

console.log($(document).height()); //浏览器当前窗口文档的高度

console.log($(document.body).width());//浏览器当前窗口文档body的宽度

console.log($(document.body).height());//浏览器当前窗口文档body的高度

console.log($(document.body).outerWidth(true));//浏览器当前窗口文档body的总宽度 包括border padding margin

console.log($(document.body).outerHeight(true));//浏览器当前窗口文档body的总高度 包括border padding margin

JS获取：

窗口可视区域宽度 ： document.documentElement.clientWidth || document.body.clientWidth;

窗口可视区域高度 ： document.documentElement.clientHeight || document.body.clientHeight;

窗口可视区域宽度+边线和滚动条 ： document.body.offsetWidth ;

窗口可视区域高度+边线和滚动条 ： document.body.offsetHeight ;

实际内容的宽度 ： document.body.scrollWidth;

实际内容的高度 ： document.body.scrollHeight;

滚动条下拉被卷起来的距离 ：document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;

滚动条侧拉被卷起来的距离 ：document.body.scrollLeft || document.documentElement.scrollLeft ;

网页正文部分上 ：window.screenTop;

网页正文部分左 ：window.screenLeft;

元素的宽度 ：obj.offsetWidth;

元素的高度 ：obj.offsetHeight;

相对于父元素的上位移 ：obj.offsetTop;（在元素的包含元素不含滚动条的情况下）

相对于父元素的左位移 ：obj.offsetLeft;（在元素的包含元素不含滚动条的情况下）

Q3: js 如何获取浏览器高度？

js获取浏览器可见区域(不包括标题栏、地址栏、收藏夹栏状态栏等额外区域，仅为页面呈现区域)的高度和宽度\x0d\x0a宽度：document.documentElement.clientWidth\x0d\x0a高度：document.documentElement.clientHeight\x0d\x0a文档类型：XHTML1.0\x0d\x0a浏览器：ALL

js获取浏览器全屏高宽的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js获取浏览器ua、js获取浏览器全屏高宽的信息别忘了在本站进行查找喔。