Javascript 培训第二节 基础上

940 views
839 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
940
On SlideShare
0
From Embeds
0
Number of Embeds
110
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Javascript 培训第二节 基础上

  1. 1. JavaScript – 基础
  2. 2. 刘遵强 | liuzunqiang@staff.hexun.com
  3. 3. JavaScript 基础
  4. 4. ECMA-262 规范定义的 ECMAScript规定 :•语法 (标识符,注释 ,; )•类型(数据类型)•语句( if/for )•关键字( var )•保留字( class,float,int )•操作符( +-*/ )•对象 (Math,Date)ECMAScript 就是对实现该标准规定的各个方面内容的语言的描述 ECMAScript JavaScript ActionScript
  5. 5. DOM :文档对象模型 (用于 HTML 的应用程序编程接口)将页面映射多层节点结构 树状图映射文档结构DOM1例如: Document 类型DOM2例如: Events 监听事件(addEventListener,attachEvent)Style 访问样式(getComputedStyle,currentStyle)DOM3例如:加载保存,验证
  6. 6. BOM :浏览器对象模型与浏览器之间的交互•弹出•移动、缩放、关闭浏览器窗口•浏览器信息( navigator )•location•Screen•Cookis•自定义对象 XMLHttpRequest 和 ActionXObject- 没有统一标准
  7. 7. 变 量 (1)类型: typeof 运算符 • 用法、返回值 • 常见类型: – number 、 string 、 boolean 、 undefined 、 object 、 funct ion一个变量应该只存放一种类型的数据
  8. 8. 变 量 (2)数据类型转换 • 例子:计算两个文本框的和 • 显式类型转换 ( 强制类型转换 ) – parseInt() 、 parseFloat() – NaN 的意义和检测 • 隐式类型转换 – == 、 === – 减法
  9. 9. 提问: NaN 的意义和检测 alert(isNaN(NaN)); alert(isNaN(10)); alert(isNaN(‘10’)) alert(isNaN(‘blue’)) alert(isNaN(true)) alert(isNaN(‘true’))
  10. 10. 变 量作用域和闭 包变量作用域(作用范围) • 局部变量、全局变量什么是闭包 • 子函数可以使用父函数中的局部变量 • 之前一直在使用闭包 • 网上对于闭包的定义 • 释放
  11. 11. 命名规 范 (1)命名规范及必要性 • 可读性— 能看懂 — • 规范性— 符合规则 —匈牙利命名法 • 类型前缀 • 首字母大写
  12. 12. 命名规 范 (2) 类型 前缀 类型 实例数组 a Array aItems布尔值 b Boolean bIsComplete浮点数 f Float fPrice函数 fn Function fnHandler整数 i Integer iItemCount对象 o Object oDiv1正则表达式 re RegExp reEmailCheck字符串 s String sUserName变体变量 v Variant vAnything
  13. 13. 运 算符算术: + 加、 - 减、 * 乘、 / 除、 % 取模赋值: = 、 += 、 -= 、 *= 、 /= 、 %=关系: < 、 > 、 <= 、 >= 、 == 、 === 、 != 、 !==逻辑: && 与(且)、 || 或、 ! 否运算符优先级:括号
  14. 14. 相加的问题?
  15. 15. 程序流程控制判断: if 、 switch 、 ?:循环: while 、 for跳出: break 、 continue什么是真、什么是假:( Boolean ) • 真: true 、非零数字、非空字符串、非空对象 • 假: false 、零和 NaN 、空字符串、空对 象、 undefined
  16. 16. 本课 知识 点JS 组成,各部分功能变量:定义、类型、 typeof 、转换、作用域闭包简单概念运算符程序流程控制结构命名规范
  17. 17. 本课练习 (1)基础 • 用 typeof 查看 12 、 abc 和 document 的类型 • 计算两个输入框中的数字之和 • 放一个按钮,每次点击时,都弹出比上次大 1 的数字 : 0,1,2,3,4... • 输入两个数字,弹出较大的值 • 输入一个数字,判断是否是两位数
  18. 18. 本课练习 (2)必做 • 简易网页计算器
  19. 19. 2012 年 06 月 29 日

×