JS--三大家族

scroll

• .scrollWidth：取盒子宽度
• .scrollHeight：取盒子高度
• .scrollTop：取网页被卷去的高度
• .scrollLeft：网页被向左卷去的值

严格模式和怪异模式
可以通过document.compatMode的值判断属于哪种模式
值为BackCompat，怪异模式。
值为CSS1Compat，严格模式

offset

• offsetWidth和offsetHeight：获取对象自身的宽度和高度，包括内容、边框和内边距，即width+border+padding
• offsetLeft和offsetTop：获取对象到带有定位属性(除static)的父盒子的左间距和上间距
• offsetParent：向外找到第一个带有定位属性的父盒子

offsetXXX和style.XXX的区别

1. style.left只能获取行内的，而offsetLeft则可以获取到所有的；
2. offsetLeft 可以返回没有定位盒子距离左侧的位置；而style.left不可以，其只能返回有定位盒子的left;
3. offsetLeft 返回的是数字，而 style.left 返回的是字符串，除了数字外还带有单位：px;
   注意：可以用parseInt进行转化；比如：style.Left=‘300px’ —> parseInt(style.Left) —> 300
4. offsetLeft是只读的，而style.left是可读写；
5. 如果没有给 当前 元素指定过 top 样式，则 style.top 返回的是空字符串。
   父盒子必须要有定位，如果所有的父盒子都没有定位则会找到body

client

clientX 和clientY：获取光标相对于浏览器窗口的水平和垂直坐标。如果页面有多页，垂直坐标会从网页的最上方开始算起

pageX和pageY：获取光标相对于浏览器可视区域的水平和垂直坐标。