scroll
- .scrollWidth:取盒子宽度
- .scrollHeight:取盒子高度
- .scrollTop:取网页被卷去的高度
- .scrollLeft:网页被向左卷去的值
严格模式和怪异模式
可以通过document.compatMode的值判断属于哪种模式
值为BackCompat,怪异模式。
值为CSS1Compat,严格模式
offset
- offsetWidth和offsetHeight:获取对象自身的宽度和高度,包括内容、边框和内边距,即width+border+padding
- offsetLeft和offsetTop:获取对象到带有定位属性(除static)的父盒子的左间距和上间距
- offsetParent:向外找到第一个带有定位属性的父盒子
offsetXXX和style.XXX的区别
- style.left只能获取行内的,而offsetLeft则可以获取到所有的;
- offsetLeft 可以返回没有定位盒子距离左侧的位置;而style.left不可以,其只能返回有定位盒子的left;
- offsetLeft 返回的是数字,而 style.left 返回的是字符串,除了数字外还带有单位:px;
注意:可以用parseInt进行转化;比如:style.Left=‘300px’ —> parseInt(style.Left) —> 300 - offsetLeft是只读的,而style.left是可读写;
- 如果没有给 当前 元素指定过 top 样式,则 style.top 返回的是空字符串。
父盒子必须要有定位,如果所有的父盒子都没有定位则会找到body
client
clientX 和clientY:获取光标相对于浏览器窗口的水平和垂直坐标。如果页面有多页,垂直坐标会从网页的最上方开始算起
pageX和pageY:获取光标相对于浏览器可视区域的水平和垂直坐标。