JavaScript基础82932.pptVIP

知识回顾 CSS的分类 CSS的引用方式 常用的CSS样式 内容摘要 理解什么是 JavaScript 如何将 JavaScript 嵌入到 HTML 中 理解变量、数据类型和运算符 掌握 if-else 和 switch 语句 什么是JavaScript 3-1 什么是JavaScript 3-2 将JavaScript嵌入网页 可以将 JavaScript 语句插入 HTML 文档，方式如下： 使用 SCRIPT 标签将语句嵌入文档 将 JavaScript 源文件链接到 HTML 文档中 常量 数据类型 转义字符 “+”号的用法-1 “+”号的用法-2 运算符 运算符对一个或多个变量或值（操作数）进行运算，并返 回一个新值 根据所执行的运算，运算符可分为以下类别： 算术运算符 比较运算符 逻辑运算符 运算符 算术运算符-1 算术运算符-2 比较运算符 比较运算符 2-1 比较运算符 运算符 逻辑运算符 逻辑运算符 if 语句 2-1 条件语句用于测试条件。 If语句 2-2 If-else语句 2-2 嵌套If语句 2-2 switch 语句 2-1 switch语句 2-2 课堂重点 网页中嵌入脚本有两种方式：使用Script标签或外部 *. js文件 JavaScript 中声明变量：var 变量名 “+”可以用于两个数相加，还可以用于连接字符串 parseInt() 和 parseFloat() 函数将字符串分别转换为整型和小数 运算符号分为算术运算符、比较运算符、逻辑运算符 条件语句分为if语句，if-else语句、if的嵌套 多分支语句switch根据表达式的值，进入不同的分支执行 讲解步骤： 1)引入转换函数：parseFloat（）和parseInt（）函数，介绍它们的功能 2）演示：bug消除了。参考TG7-Source 文件夹中的“＋号用法 2”用例 3）z=x+parseFloat( y ); 讲解为什么就消除bug 了。 告诉学员，运算符号的语法和C语言雷同。 讲解步骤： 1）先打开演示效果，让学员明白我们希望实现一个什么功能的页面。参考TG7-Source 文件夹中的“算术运算符”用例 2）告诉学员的实现步骤。 在DreamWeaver中打开用例，演示如何指定文本框的名称， 因为我们需要从文本框中获取数据，所以名称很重要。 由于前面学员已经练习过Dreamweaver设计表单，所以不用演示如何插入表单等操作。 3）第三步，编写脚本代码，点击进入下页幻灯片 讲解要点： 1.因为学员初步接触函数、事件等概念。所以这部分一定要放慢节奏的讲解，随时关注学员的反映，一旦明白后，后续的例子讲解就非常顺利了。 2.学员对函数、事件等概念现在还不能理解，告诉他们步骤： 第一步：定义函数，象C语言的一样，在JavaScript中也是先定义函数，然后再调用执行，语法是： function 函数名(参数列表) { //JavaScript语句； } 其中，function是关键字。 第二步：在函数中编写JavaScript脚本代码 第三步：和C语言一样，函数定义好后，不能执行，需要去调用它。 添加按钮的单击事件，表示当用户单击按钮时将调用这个函数，执行函数中的脚本代码，从而完成计算功能。 * Zend PHPChina Training JavaScript基础 PHPChina 工作室 Swiss BankFlorida, USA dollar ’11’00’89’778 “67 89 005 90” $ 一万元整 Jeny Smiss J. Smiss .. 10,000/- Jeny Smiss A/c No. 010077 瑞士银行 Jeny 想在银行存钱 验证 Jeny 帐户详细信息 余额 帐号 签名 帐户验证完毕 同样 Jeny Jeny 想创建一个电子邮件帐户 Jeny@ *** 24 US 帐户 Id： 密码： 年龄： 国家： 提交 提交 ****** 请等待，正在 创建您的帐户 OK 提交 提交 这样，JavaScript 将验证数据并给出错误信息（如有） 错误消息 密码不能 少于六位 ! 浮点型－浮点型字面量至少必须含有一个数字。此数字可包含小数点或采用科学记数法表示的数字。科学记数法中的整数可以是正整数(+) 或负整数(-)，指数(e) 表示“十次幂”。例如 10.24、1.20e+22、4E-8、.1815 等。 整型 浮点型 字符串型 null 特殊关键字，表示不存在的值。 空 “Hello” 一组字符 字符串型 tru或 false 执行逻辑运算 逻辑型或布尔型 487, 25.95 整数或实数 数字型 示 例 说