区分js获取浏览器尺寸

2017-07-29  本文已影响0人  努力努力的老姑娘

js获得窗口尺寸时分别有:

1.clientWidth/clientHeight=padding+width/height

①document.documentElement.clientWidth【窗口宽度(不包括滚动条)】/clientHeight 【可视窗口高度】

②document.body.clientWidth 【内容宽度(相当于一个未经过任何修饰的div的宽度)】 /clientHeight  【内容高度,即使在当前可视窗口中未能显示的内容但仍然包括在内】

2.offsetWidth/offsetHeight=padding+width/height+border

①offsetWidth=border+padding+width+滚动条

②offsetHeight= border+padding+Height+滚动条

https://developer.mozilla.org/zh-CN/docs/Web/API/HTMLElement/offsetWidth

3.scrollWidth/scrollHeight

scrollWidth只读属性以px为单位返回元素的内容区域宽度或元素的本身的宽度中更大的那个值。若元素的宽度大于其内容的区域(例如,元素存在滚动条时),scrollWidth的值要大于clientWidth

上一篇 下一篇

猜你喜欢

热点阅读