《 网页设计客户端技术 》 微视频 之 javascript

10
Logo 网网网网网网网网网网网网 JavaScript 陈陈陈

Upload: ima-camacho

Post on 30-Dec-2015

156 views

Category:

Documents


9 download

DESCRIPTION

《 网页设计客户端技术 》 微视频 之 JavaScript. 陈翠娥. JavaScript. 1. 什么是 JavaScript ?. 2. 如何实现 JavaScript ?. 3. 把 JavaScript 放置到何处 ?. 4. JavaScript 语句. 5. JavaScript 注释. JavaScript. 6. JavaScript 变量. 7. 例 1 通过变量获取登录表单中数据. 8. JavaScript 算术和赋值运算符. 9. 例 2 计算圆的周长和面积. 10. - PowerPoint PPT Presentation

TRANSCRIPT

Page 1: 《 网页设计客户端技术 》 微视频 之 JavaScript

Logo

《网页设计客户端技术》微视频

之JavaScript

陈翠娥

Page 2: 《 网页设计客户端技术 》 微视频 之 JavaScript

什么是 JavaScript ?

JavaScript

11

如何实现 JavaScript ? 22

把 JavaScript 放置到何处 ? 33

JavaScript 语句44

JavaScript 注释55

Page 3: 《 网页设计客户端技术 》 微视频 之 JavaScript

JavaScript 变量

JavaScript

66

例 1 通过变量获取登录表单中数据77

JavaScript 算术和赋值运算符88

例 2 计算圆的周长和面积99

JavaScript 比较和逻辑运算符1010

Page 4: 《 网页设计客户端技术 》 微视频 之 JavaScript

例 3 逻辑运算符示例

JavaScript

1111

例 4 条件运算符示例1212

JavaScript if 语句1313

例 5 输出 3 个数中较大者1414

例 6 计算机三角形面积 ( 海伦公式 )1515

Page 5: 《 网页设计客户端技术 》 微视频 之 JavaScript

JavaScript switch 语句

JavaScript

1616

例 7 使用 switch 语句输出今天星期几1717

例 8 输入一个成绩输出它对应等级1818

JavaScript 消息框1919

JavaScript 函数2020

Page 6: 《 网页设计客户端技术 》 微视频 之 JavaScript

例 9 设计用户登录页面

JavaScript

2121

JavaScript While 循环2222

JavaScript do While 循环2323

例 10 使用两种循环输出 1 - 100 的和2424

例 11 使用两种循环输出 5 !2525

Page 7: 《 网页设计客户端技术 》 微视频 之 JavaScript

JavaScript for 循环

JavaScript

2626

例 12 使用 for 循环实现累加和累乘2727

例 13 输出九九乘法表(双重循环)2828

JavaScript Break 和 Continue2929

例 14 判断一个数是否为素数3030

Page 8: 《 网页设计客户端技术 》 微视频 之 JavaScript

例 15 输出斐波那契数列前 20 项

JavaScript

3131

JavaScript for...in 语句3232

JavaScript 事件3333

JavaScript 异常处理3434

JavaScript 表单验证3535

Page 9: 《 网页设计客户端技术 》 微视频 之 JavaScript

JavaScript 内置对象

JavaScript

3636

大学城 JS应用示例 :打开网页时可看到弹出式小窗口3737

大学城 JS应用示例 :添加“分享到”特效3838

JS应用示例 :有趣的网页( js实现的)3939

JS应用示例 :JavaScript图片滑动切换效果4040

Page 10: 《 网页设计客户端技术 》 微视频 之 JavaScript

Logo

Thank you

陈翠娥