19
JavaScript – 基础下

Javascript 培训第三节 基础下

  • Upload
    liziqi7

  • View
    791

  • Download
    5

Embed Size (px)

Citation preview

Page 1: Javascript 培训第三节 基础下

JavaScript – 基础下

Page 2: Javascript 培训第三节 基础下

刘遵强 | [email protected]

Page 3: Javascript 培训第三节 基础下
Page 4: Javascript 培训第三节 基础下

Undefined Null Boolean Number String

Page 5: Javascript 培训第三节 基础下

Array Date RegExp Function

Page 6: Javascript 培训第三节 基础下

11(Number类型 )true

(Boolean类型 )null

(Null类型 )

(Object类型 )

‘hello’(String 类型 )

Undefined(Undefined类

型 )

栈内存

objectobject

object

object

堆内存

Page 7: Javascript 培训第三节 基础下

函数详解函数详解 (1)(1)

函数 参传• 匿名函数

– 函数 括号和不 括号的区带 带 别

函数返回值• 什么是函数返回值

– 函数的 行 果执 结– 可以没有 return

• 一个函数 只返回一 类型的应该 种 值

Page 8: Javascript 培训第三节 基础下

函数详解 (2)

可 参(不定参):变 arguments• 参数的个数可 ,参数数变 组

例子 1 :求和• 求所有参数的和

例子 2 : CSS 函数• 判断 arguments.length• 参数取名,增强可 性给 读• 取非行 式间样 ( 不能用来 置设 ) :

– obj.currentStyle[attr]– getComputedStyle(obj, false)[attr]

Page 9: Javascript 培训第三节 基础下

什么是定 器时每隔一段 , 行一次函数时间 执setInterval 、 clearIntervalsetTimeout 、 clearTimeout

定 器的区两种 时 别

Page 10: Javascript 培训第三节 基础下

例子• 易数简 码时钟

– Date 象对• QQ 料框资

– 象延 藏对 时隐

定时器应用

Page 11: Javascript 培训第三节 基础下

片展示和 播 图 轮• 自 播放的 卡动 选项

– 左右按 ——当前位置钮– 自 播放——移入 停动 暂

• 下方小 位置 算图 计

课程应用

Page 12: Javascript 培训第三节 基础下
Page 13: Javascript 培训第三节 基础下

堆和栈定 器基 及使用时 础函数可 参:变 arguments函数返回 :值 return

Page 14: Javascript 培训第三节 基础下
Page 15: Javascript 培训第三节 基础下
Page 16: Javascript 培训第三节 基础下

本课练习 (1)

基础• 面加 后,自 始每秒 出一个比之前大页 载 动开 弹 1 的数

字• 写一个函数,返回所有参数的和• 写一个 css 函数,用于 取或 置 象的属性获 设 对

- 例如: css(oDiv,'width') 返回 div 的宽 css(oDiv, 'width', '200px') 将 div 的 成宽设 200

Page 17: Javascript 培训第三节 基础下

本课练习 (2)

必做• 易网简 页时钟• QQ 料框效果资• 自 播放的 卡动 选项• 倒计时时钟

Page 18: Javascript 培训第三节 基础下
Page 19: Javascript 培训第三节 基础下

2012 年 07月 20日