当前位置:首页 > 开发 > Web前端 > 前端 > 正文

有关浏览器窗口宽度高度几个值的解析

发表于: 2015-06-18   作者:换个号韩国红果果   来源:转载   浏览:
摘要: 1 元素的 offsetWidth 包括border padding  content  整体的宽度。 clientWidth  只包括内容区 padding 不包括border。 clientLeft =  offsetWidth -clientWidth  即这个元素border的值 offsetLeft  若无已定位的包裹元素
1 元素的 offsetWidth 包括border padding  content  整体的宽度。
clientWidth  只包括内容区 padding 不包括border。
clientLeft =  offsetWidth -clientWidth  即这个元素border的值
offsetLeft  若无已定位的包裹元素,则它相对于html元素定位。(跟其他元素比如body有无margin无关)如果有已定位的包含元素,假设这个包含元素还有border 那么它(自己也有border)的定位是从包含元素的边框内侧到本元素的边框外侧,注意,它是包含包含元素的padding与本元素的margin的
对于body而言  假如有滚动条的话,并且它的margin值无,那么它的offsetHeigth=clientHeight
对于html clientHeight为可见区(显示文档的地方)的高度=window.innerHeight(无滚动条时)  有滚动条时window.innerHeight是html clientHeight与滚动条之和   offsetHeight和body的一样

document.body.scrollTop  是文档开始到可见区最上方的距离,它等于0时相当于滚动条未滚动。
为了便于更好理解
document.body.scrollTop+document.documentElement.clientHeight=ocument.body.clientHeight=ocument.body.offsetHeight(body无边框时)

有关浏览器窗口宽度高度几个值的解析

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

编辑推荐
IE 中: document.body.clientWidth ==> BODY 对象宽度 document.body.clientHeight ==> BODY
IE中: document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对
最近做写前端的代码比较多,对前端页面的详细布局不是很清楚的,备份下留着自己以后用。 <script
js获取浏览器高度和宽度值(多浏览器) IE中: document.body.clientWidth ==> BODY对象宽度 docum
<script> document.write("屏幕尺寸:"+screen.width+"*"+screen.height) </script> do
准确获得页面、窗口高度及宽度的JS function getPageSize(){ var xScroll, yScroll; if (window.inn
网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见
IE中: document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对
IE中: document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对
JS获取浏览器高度和宽度 IE中: document.body.clientWidth ==> BODY对象宽度 document.body.cli
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号