快捷属性
因为在JS中,我们要操作DOM结构,需要得到CSS的样式,所以,一些常用的样式值,就被定义成快捷获取方式
- clientWidth 内容宽 + 左右padding
- clientHeight 内容高 + 上下padding
- offsetWidth 内容宽 + 左右padding + 左右border
- offsetHeight 内容高 + 上下padding + 上下border
- clientLeft 左边框宽度
- clientTop 上边边框宽度
快捷位置关系
- offsetParent 获取元素的祖先元素中第一个具备定位属性的元素 如果一个元素没有定位父元素 offsetParent就是body
- offsetLeft 获取元素左边框外到定位父元素的左边框内(IE8 中 到定位父元素的边框外)
- offsetTop 获取元素上边框外到定位父元素的边框内(IE8中到定位父元素的边框外)
ES5的数组方法
-
forEach 迭代器方法 其实就是循环
- 参数是函数 函数会执行多次 要看数组的长度 这个函数有三个参数
- 数组的成员
- 数组的下标
- 数组本身
- this指向window
- 参数是函数 函数会执行多次 要看数组的长度 这个函数有三个参数
-
map 迭代器方法 根据参数的返回 生成一个对应的数组
- 参数是函数 函数会执行多次 要看数组的长度 这个函数有三个参数
- 数组的成员
- 数组的下标
- 数组本身
- this指向window
- 返回值 根据函数的返回值 生成的新数组
- 参数是函数 函数会执行多次 要看数组的长度 这个函数有三个参数
-
filter 过滤方法 接受一个函数作为参数 函数的返回值如果为真 则过滤该成员 否则不过滤
- 参数是函数 函数会多次执行 要看数组的长度 这个函数有三个参数
- 数组的成员
- 数组的下标
- 数组本身
- this指向window
- 返回值 是布尔值 如果该值为真 则当前成员会被过滤到新数组中
- 返回值 新数组
- 参数是函数 函数会多次执行 要看数组的长度 这个函数有三个参数
-
some 判定方法 接受一个函数作为参数 函数会多次执行 依次对每一个数组成员进行执行
- 参数是函数
- 数组的成员
- 数组的下标
- 数组本身
- this指向window
- 返回值 是布尔值 如果该值为真 则停止循环
- 返回值 是布尔值 如果为真 则表示数组中是具备参数函数描述的成员的 如果为假 说明没有任何成员符合描述
- 参数是函数
-
every 判定方法 接受一个函数作为参数 函数会多次执行 依次对每一个数组成员进行执行
- 参数是函数
- 数组的成员
- 数组的下标
- 数组本身
- this指向window
- 返回值 是布尔值 如果该值为真 则停止循环
- 返回值 是布尔值 如果为真 则表示数组中所有成员都符合参数函数描述 如果为假 说明有成员不符合描述
- 参数是函数