Html中如何操作页面,可视区,屏幕等宽高属性 - 行业资讯 - 肥雀云

　　介绍

这篇文章主要介绍Html中如何操作页面,可视区,屏幕等宽高属性,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

关于页面,可视区,屏幕等一些相关的宽高属性

函数大小(){ 　　document . write ( 　　“屏幕分辨率为:“+回答+“*“+ screen.height 　　和“+“& lt; br/; + 　　“屏幕可用大小:“+ screen.availWidth +“*“+ screen.availHeight 　　和“+“& lt; br/; + 　　“网页可见区域宽:“+ document.body.clientWidth 　　和“+“& lt; br/; + 　　“网页可见区域高:“+ document.body.clientHeight 　　和“+“& lt; br/; + 　　“浏览器窗口宽:“+ document.documentElement.clientWidth 　　和“+“& lt; br/; + 　　“浏览器窗口高:“+ document.documentElement.clientHeight 　　和“+“& lt; br/; + 　　“html所有元素宽:“+ document.documentElement.offsetWidth 　　和“+“& lt; br/; + 　　“html所有元素高:“+ document.documentElement.offsetHeight 　　和“+“& lt; br/; + 　　“网页可见区域宽(包括边线的宽):“+ document.body.offsetWidth 　　和“+“& lt; br/; + 　　“网页可见区域高(包括边线的宽):“+ document.body.offsetHeight 　　和“+“& lt; br/; + 　　“网页正文全文宽:“+ document.body.scrollWidth 　　和“+“& lt; br/; + 　　“网页正文全文高:“+ document.body.scrollHeight 　　和“+“& lt; br/; + 　　“网页被卷去的高:“+ document.body.scrollTop 　　和“+“& lt; br/; + 　　“网页被卷去的左:“+ document.body.scrollLeft 　　和“+“& lt; br/; + 　　“网页正文部分上:“+ window.screenTop 　　和“+“& lt; br/; + 　　“网页正文部分左:“+ window.screenLeft 　　和“+“& lt; br/; + 　　“屏幕分辨率的高:“+ window.screen.height 　　和“+“& lt; br/; + 　　“屏幕分辨率的宽:“+ window.screen.width 　　和“+“& lt; br/; + 　　“屏幕可用工作区高度:“+ window.screen.availHeight 　　和“+“& lt; br/; + 　　“屏幕可用工作区宽度:“+ window.screen.availWidth 　　); 　　}

补充下,关于html dom元素都有一些关于位置,尺寸大小的属性,如下

offsetWidth clientWidth

scrollWidth offsetHeight

clientHeight scrollHeight

offsetLeft clientLeft

scrollLeft

offsetTop clientTop

scrollTop

1。clientHeight和clientWidth用于描述元素内尺寸,是指元素内容+内边距大小,不包括边框(),外边距,滚动条部分

2。offsetHeight和offsetWidth用于描述元素外尺寸,是指元素内容+内边距+边框,不包括外边距和滚动条部分

3。clientTop和clientLeft返回内边距的边缘和边框的外边缘之间的水平和垂直距离,也就是左,上边框宽度

4。offsetTop和offsetLeft表示该元素的左上角(边框)与的父容器(offsetParent对象)左上角的距离