js获取各种屏幕高度

转载 2015年11月19日 14:21:53


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

})

相关文章推荐

js获取页面宽度高度及屏幕分辨率

网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offsetW...
  • fyl_077
  • fyl_077
  • 2013年07月19日 11:59
  • 425

js获取屏幕的宽度高度以及window.open的用法

1 2 3           alert(screen.width + "*" + screen.height)         输出当前屏...

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

jquery的各种高度 首先来说一说$(document)和$(window),如下: $(document).height();//整个网页的高度 $(window).height();//...

js和jq获取屏幕高度、宽度的方法

js和jq获取屏幕高度宽度的方法 一、js部分 获取屏幕宽度:window.screen.width; 获取屏幕高度:window.screen.height; 获取屏幕可用工作区域宽度:win...

JS获取屏幕高度

JS获取屏幕高度 网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHeight 网页可见区域宽: document.bo...
  • yzp0112
  • yzp0112
  • 2017年01月30日 20:28
  • 153

JS获取屏幕,浏览器,页面高度及宽度

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

js获取网页屏幕可见区域高度

Js代码   document.body.clientWidth ==> BODY对象宽度   document.body.clientHeight ==> BODY对象高度   d...

JS获取屏幕、浏览器、网页高度宽度

文章出处:http://www.cnblogs.com/aiyuchen/archive/2011/04/19/2021273.html 网页可见区域宽:document.body.cl...

js获取网页屏幕宽高度小结

Js代码   document.body.clientWidth ==> BODY对象宽度   document.body.clientHeight ==> BODY对象高度   d...

JS获取屏幕、浏览器、网页高度,宽度信息 定位div

核心提示: 网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.off...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:js获取各种屏幕高度
举报原因:
原因补充:

(最多只允许输入30个字)