当前位置: 萬仟网 > IT编程>开发语言>JavaScript > 获取网页屏幕可见区域高度

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

2018年08月29日 00:18  | 萬仟网IT编程  | 我要评论

获取浏览器窗口的可视区域高度和宽度,滚动条高度。

document.body.clientwidth ==> body对象宽度
document.body.clientheight ==> body对象高度
document.documentelement.clientwidth ==> 可见区域宽度
document.documentelement.clientheight ==> 可见区域高度
  
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函数获取方法

$(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
alert($(document).scrolltop()); //获取滚动条到顶部的垂直高度
alert($(document).scrollleft()); //获取滚动条到左边的垂直宽度
html精确定位:  scrollleft,scrollwidth,clientwidth,offsetwidth
scrollheight: 获取对象的滚动高度。   
scrollleft: 设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离   
scrolltop:  设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离   
scrollwidth: 获取对象的滚动宽度   
offsetheight:获取对象相对于版面或由父坐标 offsetparent 属性指定的父坐标的高度   
offsetleft: 获取对象相对于版面或由 offsetparent 属性指定的父坐标的计算左侧位置   
offsettop:  获取对象相对于版面或由 offsettop 属性指定的父坐标的计算顶端位置   
event.clientx 相对文档的水平座标   
event.clienty 相对文档的垂直座标   
event.offsetx 相对容器的水平坐标   
event.offsety 相对容器的垂直坐标   
document.documentelement.scrolltop 垂直方向滚动的值   
event.clientx+document.documentelement.scrolltop 相对文档的水平座标+垂直方向滚动的量

 

如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复

相关文章:

◎已有 0 人评论

Copyright © 2019  萬仟网 保留所有权利. 粤ICP备17035492号-1
站长QQ:2386932994 | 联系邮箱:2386932994@qq.com