Javascript(Jquery)获取浏览器(屏幕)各种宽度(高度)

Posted 晓霜

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Javascript(Jquery)获取浏览器(屏幕)各种宽度(高度)相关的知识,希望对你有一定的参考价值。

Javascript:

alert(document.body.clientWidth); //网页可见区域宽(body)

alert(document.body.clientHeight); //网页可见区域高(body)

alert(document.body.offsetWidth); //网页可见区域宽(body),包括border、padding 、margin等

alert(document.body.offsetHeight); //网页可见区域宽(body),包括border、padding 、margin等

alert(document.body.scrollWidth); //网页正文全文宽,包括有滚动条时的未见区域

alert(document.body.scrollHeight); //网页正文全文高,包括有滚动条时的未见区域

alert(document.body.scrollTop); //网页被卷去的Top(滚动条)

alert(document.body.scrollLeft); //网页被卷去的Left(滚动条)

alert(window.screenTop); //浏览器距离Top

alert(window.screenLeft); //浏览器距离Left

alert(window.screen.height); //屏幕分辨率的高

alert(window.screen.width); //屏幕分辨率的宽

alert(window.screen.availHeight); //屏幕可用工作区的高

alert(window.screen.availWidth); //屏幕可用工作区的宽

 

Jquery

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等

 

以上是关于Javascript(Jquery)获取浏览器(屏幕)各种宽度(高度)的主要内容,如果未能解决你的问题,请参考以下文章

JavaScript获取屏可视区域宽高和页面宽高-速查对照表

请问,怎么用JQuery监听html5 中video 标签的全屏按钮?

Javascript(Jquery)获取浏览器(屏幕)各种宽度(高度)

javascript iOS设备上的全屏背景视频幻灯片 - 注意目前使用jquery :)

jquery的height()和javascript的height总结,js获取屏幕高度

使用 jQuery / JavaScript 从超链接获取完整 URL