北大青鸟.软件工程师HTMLTP7.pptVIP

第七章 JavaScript 语法基础 目标 理解什么是 JavaScript 如何将 JavaScript 嵌入到 HTML 中 理解变量、数据类型和运算符 掌握 if-else 和 switch 语句 什么是JavaScript 3-1 什么是JavaScript 3-2 什么是JavaScript JavaScript 是一种脚本语言 提供用户交互 动态更改内容 数据验证 将JavaScript嵌入网页 可以将 JavaScript 语句插入 HTML 文档，方式 如下： 使用 SCRIPT 标签将语句嵌入文档 将 JavaScript 源文件链接到 HTML 文档中 使用 Script 标签 使用外部 JS 文件 外部 JavaScript 文件可以链接到 HTML 文档中 SCRIPT 标签的 SRC（源文件）属性可用于包括此外部文件 使用外部 JS 文件 变量 变量名必须以字母或下划线（_）开头 变量可以包含数字、从 A 至 Z 的大小写字母 JavaScript 区分大小写，即变量 myVar、 myVAR 和 myvar 是不同的变量 声明变量 var a; “var” － 用于声明变量的关键字 “a” － 变量名 声明变量 HTML HEAD TITLE使用变量/TITLE SCRIPT LANGUAGE = Javascript var x; x=prompt(淘宝网竟拍，请出一口价,1) ; document.write(拍卖价格+x+BR) // +用来连接多个字符串 document.write(恭喜您，您以最高价拍卖成功！); alert(欢迎下次光临！); /SCRIPT /HEAD /HTML 变量的作用域 常量 数据类型 “+”号的用法-1 “+”号的用法-2 运算符 运算符对一个或多个变量或值（操作数）进行运算，并返 回一个新值 根据所执行的运算，运算符可分为以下类别： 算术运算符 比较运算符 逻辑运算符 运算符 算术运算符-1 算术运算符-2 比较运算符 比较运算符 2-1 比较运算符 运算符 逻辑运算符 逻辑运算符 if 语句 2-1 条件语句用于测试条件。 If语句 2-2 if else 语句 2-1 if(条件) { //JavaScript代码; } else { //JavaScript代码; } If-else语句 2-2 嵌套 if 语句 2-1 if (条件1) { if (条件2) { //JavaScript代码; } } 嵌套If语句 2-2 switch 语句 2-1 switch语句 2-2 总结 网页中嵌入脚本有两种方式：使用Script标签或外部 *. js文件 JavaScript 中声明变量：var 变量名 “+”可以用于两个数相加，还可以用于连接字符串 parseInt() 和 parseFloat() 函数将字符串分别转换为整型和小数 运算符号分为算术运算符、比较运算符、逻辑运算符 条件语句分为if语句，if-else语句、if的嵌套 多分支语句switch根据表达式的值，进入不同的分支执行 语法： SCRIPT LANGUAGE = JavaScript function calcu() { var numb1= document.calc.num1.value; var numb2= document.calc.num2.value; if ((numb1!=) (numb2!=)) { if (parseFloat(numb1)0) { alert(竞拍价格不能小于零！\n请重填); return; //函数返回，不再执行后面的代码 } if (parseFloat(numb2)0) { alert(购买数量不能小于零！\n请重填); return; } var total= parseFloat(numb1)*parseFloat(numb2); document.calc.result.value=total; ….. 购买数量无意中输入负数，出现 bug 怎么办? switch (表达式) { case 常量1 : JavaScript语句; break; case 常量2 : JavaScript语句; break; ... default : JavaScript语句; } 语法： ..... var f=docu