HTML CSS DIV网页设计与布局（第3版）（微课版） 课件 第14章 JavaScript快速入门.pptx

第14章JavaScript快速入门14.1初识JavaScript 14.2对元素的动态操作 14.3事件 14.4小结

14.1初识JavaScript14.1.1JavaScript语言的组成 14.1.2嵌入方式 14.1.3注释

14.1.1JavaScript语言的组成1．标识符标识符在命名时要遵循以下几个规则：标识符由数字、字母、下画线（_）、美元符号（$）等构成；第一个字符必须是字母、下画线或美元符号；标识符区分字母的大小写，推荐使用小写形式或骆驼命名法；标识符不能与JavaScript中的关键字相同。

2．关键字JavaScript语言的系统预定义关键字如表14.1所示。序号关键字序号关键字序号关键字序号关键字1abstract17else33instanceof49switch2arguments18enum34int50synchronized3boolean19eval35interface51this4break20export36let52throw5byte21extends37long53throws6case22false38native54transient7catch23final39new55true8char24finally40null56try9class25float41package57typeof10const26for42private58var11continue27function43protected59void12debugger28goto44public60volatile13default29if45return61while14delete30implements46short62with15do31import47static63yield16double32in48super??

3．变量声明变量的语法格式如下。var变量1,变量2,…,变量n声明一个变量truck的代码如下所示。vartruck;声明多个变量truck1、truck2、truck3的代码如下所示。vartruck1,truck2,truck3;定义变量的语法格式如下。var变量名=初始值;一次性定义多个变量，其语法格式如下。var变量名1=初始值1,变量名2=初始值2,变量名n=初始值n,;

4．运算符常用的运算符如表14.2所示。运算符功能示例=赋值运算，双目，将赋值运算右侧的数据赋给左侧的变量a=10或a=b+加法运算，双目，计算两个操作数的和a+b-减法运算，双目，计算两个操作数的差a-b*乘法运算，双目，计算两个操作数的积a*b/除法运算，双目，计算两个操作数的商a/b%取余运算，双目，计算两个操作数的余数a%b++自加运算，单目，在操作数原来的基础上加1a++或++a--自减运算，单目，在操作数原来的基础上减1a--或--a?大于。左侧的值大于右侧的值时返回true，否则返回falseab=大于等于。左侧的值大于等于右侧的值时返回true，否则返回falsea=b?小于。左侧的值小于右侧的值时返回true，否则返回falseab=小于等于。左侧的值小于等于右侧的值时返回true，否则返回falsea=b!=不等于。左侧与右侧的值不相等时返回true，否则返回falsea!=b==等于。左侧与右侧的值相等时返回true，否则返回falsea==b!===严格不等于。左侧与右侧的值不相等或数据类型不同时返回true，否则返回falsea!===b===严格等于。左侧与右侧的值相等且数据类型相同时返回true，否则返回falsea===b逻辑与运算符。当两个操作数同时为true时返回true，否则返回falseab！逻辑非运算符。只有一个操作数，操作数为true时，返回false，否则返回true!a||逻辑或运算符。当两个操作数同时为false时返回false，否则返回truea||b

5．语句（1）if语句if(条件表达式){语句块;}

（2）if…else语句if(条件表达式){语句块1;}else{语句块2;}

（3）for语句for(初始条件;循环条件;迭代条件){循环体语句块;}

（4）while语句while(条件表达式){循环体语句块;}

（5）do…while语句do{语句块;}while(条件表达式);

6．函数自定义函数的语法格式如下。function函数名(){语句块;}调用的语法格式如下。函数名();

7．对象对象调用对应的属性或方法时会用到点运算符，其语法格式如下。对象.属性;或对象.方法();定义数组变量的语法格式如下。var数组名=newArray(元素1,元素2,…