javascript 培训第四节 深入了解
TRANSCRIPT
JavaScript – 深入了解
刘遵强 | [email protected]
Undefined Null Boolean Number String
数组的使用• 定义
– var arr=[12, 5, 8, 9];– var arr=new Array(12, 5, 8, 9);– 没有任何差别, [] 的性能略高,因为代码短
• 获取、设置– arr[ 序号 ]
数组的属性• length
– 既可以获取,又可以设置– 例子:快速清空数组
数组基础数组基础
添加、删除元素添加、删除元素数组的方法
• 添加– push( 元素 ) ,从尾部添加– unshift( 元素 ) ,从头部添加
• 删除– pop() ,从尾部弹出– shift() ,从头部弹出
排序、转换排序
• sort([ 比较函数 ]) ,排序一个数组– 排序一个字符串数组– 排序一个数字数组
转换类• concat( 数组 2)
– 连接两个数组• join( 分隔符 )
– 用分隔符,组合数组元素,生成字符串– Splice() 字符串转数组
splice• splice( 开始 , 长度 , 元素… )• 先删除,后插入
删除• splice( 开始 , 长度 )
插入• splice( 开始 , 0, 元素… )
替换数组使用原则:数组中应该只存一种类型的变量
JS 事件初步 (1)
this 关键字• 当前发生事件的元素
– 例子:输入框高亮– onfocus 、 onblur
this 注意事项• 只有事件处理函数中才能用 this• 不能用 this :行间、定时器中、非事件处理函数、绑
定事件处理函数
• 添加、替换、删除• 不能添加多个,不然会相互覆盖——事件绑定
JS 事件初步 (2)
事件绑定• IE 方式
– attachEvent( 事件名称 , 函数 ) ,绑定事件处理函数– detachEvent( 事件名称 , 函数 ) ,解除绑定
• DOM 方式– addEventListener( 事件名称 , 函数 , 捕获 )– removeEventListener( 事件名称 , 函数 , 捕获 )
• 绑定匿名函数,会无法删除• 绑定事件和 this
课程应用多图片展开 ( 静态 )
• 层级处理3D 图片轮换 ( 静态 )
• ?
数组常用方法this 的用法动态绑定事件处理函数
本课练习 (1)
基础• 当前输入框高亮显示• 数组练习:各种数组方法的使用• 事件练习:封装兼容性添加、删除事件的函数
本课练习 (2)
选做• 评分系统
2012 年 08 月 02 日