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

})

转载于:https://www.cnblogs.com/xiaopin/archive/2012/03/26/2418152.html

JS,Jquery获取各种屏幕的宽度和高度相关推荐

php 获取屏幕的宽度,JS,Jquery获取各种屏幕的宽度和高度
Javascript: 网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHeight 网页可见区域宽: document ...
JS获取各种屏幕的宽度和高度
JS获取各种屏幕的宽度和高度描述用法网页可见区域宽 document.body.clientWidth 网页可见区域高 document.body.clientHeight 网页可见区域宽 do ...
html如何制作查看更多横条,页面浏览量顶部横条显示代码－附“Js/Jquery获取网页屏幕可见区域高度”...
偶然看到这个页面浏览量显示的东东,很有意思,自己做了一个. 代码如下:html> 页面浏览量顶部横条显示 $(function(){ $(window).scroll(function() { ...
js 获取浏览器屏幕的宽度和高度
分两种: 不包括滚动条和工具栏的宽度或高度: window.innerWidth; // 宽window.innerHeight; // 高就是红框内的部分: 包括滚动条和工具栏的宽度或高度: wi ...
JavaScript、Jquery：获取各种屏幕的宽度和高度
Javascript: 网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHeight 网页可见区域宽: document ...
Android 中获取手机屏幕的宽度和高度（单位为像素）
博主前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住也分享一下给大家,
vue.js 获取当前屏幕的宽度_vue 获取当前屏幕的宽度，图片等比例缩放，动态设置css样式...
vue 获取当前屏幕的宽度,图片等比例缩放这个是一个背景图,点击对应的圆圈就会出现一个蒙层上面显示详情,但是只要当前窗口大小变化了,因为我的蒙层大小是固定的px,所以不会变,就不在图片对应的位置了 ...
js获取浏览器当前屏幕的宽度和高度
1.获取HTML元素 document.documentElement 2.获取body元素 document.body 3.兼容所有浏览器获取当前屏幕的宽度. var winWidth = docu ...
html jq固定div高度,js/jQuery获取/设置div的高度，宽度···
js/jQuery获取/设置html标签的高度等css属性· $(".out-div").height($(window).height() - $("#topDiv&q ...

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

JS,Jquery获取各种屏幕的宽度和高度相关推荐

最新文章

热门文章