1. JavaScript – 深入了解

2. 刘遵强 | liuzunqiang@staff.hexun.com

4. 数组基础
数组的使用
• 定义
– var arr=[12, 5, 8, 9];
– var arr=new Array(12, 5, 8, 9);
– 没有任何差别， [] 的性能略高，因为代码短
• 获取、设置
– arr[ 序号 ]
数组的属性
• length
– 既可以获取，又可以设置
– 例子：快速清空数组
Undefined Null Boolean Number String

5. 添加、删除元素
数组的方法
• 添加
– push( 元素 ) ，从尾部添加
– unshift( 元素 ) ，从头部添加
• 删除
– pop() ，从尾部弹出
– shift() ，从头部弹出

6. 排序、转换
排序
• sort([ 比较函数 ]) ，排序一个数组
– 排序一个字符串数组
– 排序一个数字数组
转换类
• concat( 数组 2)
– 连接两个数组
• join( 分隔符 )
– 用分隔符，组合数组元素，生成字符串
– Splice() 字符串转数组

7. splice
• splice( 开始 , 长度 , 元素… )
• 先删除，后插入
删除
• splice( 开始 , 长度 )
插入
• splice( 开始 , 0, 元素… )
替换
数组使用原则：数组中应该只存一种类型的变量

8. JS 事件初步 (1)
this 关键字
• 当前发生事件的元素
– 例子：输入框高亮
– onfocus 、 onblur
this 注意事项
• 只有事件处理函数中才能用 this
• 不能用 this ：行间、定时器中、非事件处理函数、绑
定
事件处理函数
• 添加、替换、删除
• 不能添加多个，不然会相互覆盖— 事件绑定
—

9. JS 事件初步 (2)
事件绑定
• IE 方式
– attachEvent( 事件名称 , 函数 ) ，绑定事件处理函数
– detachEvent( 事件名称 , 函数 ) ，解除绑定
• DOM 方式
– addEventListener( 事件名称 , 函数 , 捕获 )
– removeEventListener( 事件名称 , 函数 , 捕获 )
• 绑定匿名函数，会无法删除
• 绑定事件和 this

10. 课程应用
多图片展开 ( 静态 )
• 层级处理
3D 图片轮换 ( 静态 )
• ?

11. 数组常用方法
this 的用法
动态绑定事件处理函数

14. 本课练习 (1)
基础
• 当前输入框高亮显示
• 数组练习：各种数组方法的使用
• 事件练习：封装兼容性添加、删除事件的函数

15. 本课练习 (2)
选做
• 评分系统

17. 2012 年 08 月 02 日