元素的属性

div.attributes是所有标签属性构成的数据集合

div.classList是所有class名构成的数组集合

3 个系列

1   client系列

clientWidth/clientHeight是指宽与高在加内边距没有边框

clientLeft/clientTop我们设置的边框值

2 Offset系列   它一般都与做元素运动有关

　　　　　　  必须跟position配合使用，它的值往往是absolute

offsetWidth/offsetHeight是指宽与高在加内边距加上边框

offsetLeft/offsetTop我们设置元素外边距离父级的内边距距离

offsetLeft有初始值在标准浏览器下是8px，低版本的没有

3 scrool系列

scrollWidth/scrollHeight 就是我们设置的宽高加上内边距(内容没有溢出的前提下)

如果超出了范围就按内容而定

scrollTop/scrollLeft   滚动条卷走的高度和宽度

4  document.body获取的是文档中的body标签

　document.documentElement  获取的是文档中的根节点

　document.body.clientWidth

 

　document.documentElement.clientWidth　　

　俩个获取的值不一样，因为有内外边距，只要加一个css样式去掉内外边距就可以了

5  ie6 不支持document.documentElement

兼容性的写法

var  a=documen.documentElement.clientWidth||document.body.clientWidth

获取浏览器的可视宽度

逻辑运算

||  　　&&　　!

|| 遇到第一个为真的就返回

&&遇到第一个为假的就终止，返回false，如果没有遇到就返回最后一个

列如

5&&4&&2&&1    返回1

5&&0&&3&&0    返回0

5||2&&3  切的优先级高于或  

2&&3  返回3

5||3    返回5

 

转载于:https://www.cnblogs.com/yang08/p/10044110.html