12-JavaScript基础.ppt

单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,第,*,页,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,第,*,页,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,第,*,页,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,第,*,页,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,第,*,页,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,第,*,页,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,第,*,页,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,第,*,页,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,第,*,页,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,第,*,页,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,第,*,页,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,第,*,页,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,第,*,页,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,第,*,页,第,12,章 JavaScript基础,2024年12月4日,第,1,页,学习目标,掌握JavaScript变量与函数的定义,掌握在网页中嵌入JavaScript代码的方法,掌握JavaScript流程控制语句,2024/12/4 周三,12.1 JavaScript使用,在网页上插入JavaScript脚本时，脚本必须放在标签中。标签可以位于标签和标签中，一般在标签中的脚本是JavaScript函数。,2024/12/4 周三,12.1 JavaScript使用,通过在中嵌入JavaScript代码实现向网页输出字符串：,2024/12/4 周三,12.1 JavaScript使用,此代码段在浏览器中的浏览效果如图,2024/12/4 周三,12.1 JavaScript使用,可以在标签中定义函数，然后调用定义函数：,2024/12/4 周三,12.1 JavaScript使用,上面的代码在中定义了函数,“,myFunction,”,，在网页中插入一个按钮，单击按钮时调用函数,“,myFunction,”,。代码段在浏览器中显示效果如下图，其中(a)为单击按钮前的效果，(b)为单击按钮后的显示效果。,2024/12/4 周三,12.2 JavaScript基本语法,JavaScript 对大小写是敏感的。,分号用于分隔 JavaScript 语句，通常我们在每条可执行的语句结尾添加分号。,可以在文本字符串中使用反斜杠对代码行进行换行：,2024/12/4 周三,12.2 JavaScript基本语法,单行注释以/开头：,多行注释以/*开始，以*/结尾：,2024/12/4 周三,12.2.1 JavaScript变量,JavaScript使用var关键词声明变量：,向变量赋值，使用等号：,也可以在声明变量时对其赋值：,2024/12/4 周三,12.2.1 JavaScript变量,已经声明但没有赋值的变量，其值实际上是 undefined。在执行过以下语句后，变量 carname 的值将是 undefined：,JavaScript变量类型是弱类型，变量的类型由变量的值决定，如：,2024/12/4 周三,12.2.1 JavaScript变量,同一个变量赋值不同，变量的类型不同：,JavaScript 只有一种数字类型。数字可以带小数点，也可以不带：,2024/12/4 周三,12.2.1 JavaScript变量,布尔（逻辑）只能有两个值：true 或 false。,使用new操作符可以创建数组和对象：,2024/12/4 周三,12.2.2 JavaScript字符串,JavaScript 字符串用于存储和处理文本，具有属性和方法。可以使用内置属性 length 来计算字符串的长度：,上面的代码段的输出分别为12、26,2024/12/4 周三,12.2.2 JavaScript字符串,字符串的常用方法如下表所示：,2024/12/4 周三,12.2.2 JavaScript字符串,下面的代码片段演示了怎样调用字符串的方法:,2024/12/4 周三,12.2.3 JavaScript函数,JavaScript使用关键词 function定义函数：,当函数有多个参数时，参数之间用逗号隔开，如：,2024/12/4 周三,12.2.3 JavaScript函数,下面的代码在网页上添加一个按钮，单击按钮时调用函数myFunction：,2024/12/4 周三,12.2.3 JavaScript函数,此代码在网页上的浏览效果如下图，函数中的alert为JavaScript内置对象window的一个方法，其功能是弹出一个警告框，带有确定按钮，函数的参数作为警告框的提示信息。,2024/12/4 周三,12.2.3 JavaScript函数,如果函数有返回值，用return 可以实现将某个值作为函数值返回，如：,2024/12/4 周三,12.2.3 JavaScript函数,下面的代码调用有返回值的函数，并将函数的返回值添加到HTML标签内：,2024/12/4 周三,12.2.3 JavaScript函数,代码在浏览器上的浏览效果如图所示：,2024/12/4 周三,12.2.3 JavaScript函数,在 JavaScript 函数内部声明的变量（使用 var）是局部变量，只能在函数内部访问它（该变量的作用域是局部的）；在函数外声明的变量是全局变量，网页上的所有脚本和函数都能访问它。,下面的代码分别定义全局变量x，y和局部变量a，b：,2024/12/4 周三,12.3 JavaScript运算符,与其他编程语言相同，JavaScript也提供了算术运算符和赋值运算符。下图介绍了所有的算术运算符与举例：,2024/12/4 周三,12.3 JavaScript运算符,下图介绍了所有的赋值运算符与举例：,2024/12/4 周三,12.3 JavaScript运算符,JavaScript还提供字符串连接运算符,“,+,”,，用于将两个或多个字符串变量连接起来：,上述代码执行后，变量 txt3 包含的值是 What a verynice day。,2024/12/4 周三,12.3 JavaScript运算符,如果字符串与数字进行,“,+,”,运算，JavaScript会先将数字转换为字符串再进行运算，如：,2024/12/4 周三,12.3 JavaScript运算符,下图介绍了所有的比较运算符与举例：,下图介绍了所有的逻辑运算符与举例：,2024/12/4 周三,12.4 JavaScript流程控制,JavaScript流程控制语句包括选择结构语句和循环控制语句。if语句有三种语句形式：,(1)if(条件),只有当条件为 true 时执行的代码,2024/12/4 周三,12.4 JavaScript流程控制,只有当指定条件为 true 时，大括号包含的代码块才会执行。如：,2024/12/4 周三,12.4 JavaScript流程控制,(2)if(条件),只有当条件为 true 时执行的代码,else,当条件为false 时执行的代码,2024/12/4 周三,12.4 JavaScript流程控制,根据if后括号中条件的值为true或false执行不同的代码。如：,2024/12/4 周三,12.4 JavaScript流程控制,(3)if(条件1),只有当条件1为 true 时执行的代码,else if(条件2),当条件1为false并且条件2为true时执行,else,当条件1和条件2均为false 时执行的代码,2024/12/4 周三,12.4 JavaScript流程控制,根据if后括号中条件的值为true或false执行不同的代码。如：,2024/12/4 周三,12.4 JavaScript流程控制,循环控制语句包括for语句和while语句。,下面是 for 循环的语法：,如：,2024/12/4 周三,12.4 JavaScript流程控制,while循环的语句为:,如：,2024/12/4 周三,本章小结,本章介绍了JavaScript变量定义、函数定义，以及选择结构流程控制语句与循环结构流程控制语句。通过本周学习，读者对JavaScript语言语法有基本了解，为接下来的编程学习建立良好的基础。,2024/12/4 周三,