JavaScript动态网页设计 课件 3-1JavaScript语法（变量、数据类型、运算符）

项目1.1环境搭配主讲：***2024年1月2日JavaScript动态网页设计1子项目项目1JavaScript的基础课程安排基本数据类型复合型数据数据类型的转换项目1JavaScript的基础基本数据类型字符串型数据在JavaScript中，字符串型数据是用引号引起的文本字符串。例如，“好久不见，你还好吗？”或‘Bob是个聪明的孩子’。每一个字符串数据都是String对象的实例，其主要用于组织处理由多个字符构成的数据串。定义一个字符串时不需要指定类型，只需要按以下语法定义即可。项目1JavaScript的基础基本数据类型字符串型数据01 <scriptlanguage="javascript"> //脚本程序开始02 <!--03 varhello="你好啊"; //使用双引号定义字符串04 varname='Peter'; //使用单引号定义字符串05 alert(hello+name); //将两个字符串合在一起显示 06 -->07 </script> <!--脚本程序结束-->项目1JavaScript的基础基本数据类型数值型数据JavaScript中用于表示数字的类型称为数值型，不像其他编程语言那样区分整型、浮点型。数值型用双精度浮点值来表示数字数据，可以表示（-253，+253）区间中的任何值。数字的值可以用普通的记法，也可以使用科学记数法。项目1JavaScript的基础基本数据类型数值型数据本示例第4～6行定义三个变量，并分别赋十六进制表示的初值。第8～10行将三个变量输出为十进制表示的数。第13～15行定义三个变量，分别赋八进制表示的初值。第17～19行将三个变量输出为十进制表示的数。第21～26行定义数个变量，并对它们赋予用不同表示法表示的十进制数值。第27～31行将变量t1～t6逐一输出为普通的十进制数字。项目1JavaScript的基础基本数据类型布尔型数据布尔型是只有“真”和“假”两个值的数据类型。作为逻辑表达式的结果，真值用“true”表示，假值用“false”表示。事实上，非0值即为“真”，0值即为“假”。布尔型数据通常用来表示某个条件是否成立。项目1JavaScript的基础基本数据类型布尔型数据本示例使用了if语句对布尔型变量的值进行判断，关于if语句，将在后面的章节讲到。此处读者只需知道如果if后圆括号里布尔型变量的值为真，则执行if后“{}”中的语句。项目1JavaScript的基础复合型数据内置对象表2-1JavaScript中常用的对象名称作用Object所有对象的基础对象Array数组对象，封装了数组的操作和属性ActiveXObject活动控件对象arguments参数对象，正在调用的函数的参数Boolean布尔对象，提供同布尔类型等价的功能Date日期对象，封装日期相关的操作和属性的对象Error 错误对象，保存错误信息Function函数对象，用于创建函数Global全局对象，所有的全局函数和全局常量归该对象所有Math数学对象，提供基本的数学函数和常量Number数字对象，代表数值数据类型和提供数值常数的对象RegExp正则表达式对象，保存正则表达式信息的对象String字符串对象，提供串操作和属性的对象项目1JavaScript的基础复合型数据日期对象JavaScript将与日期相关的所有特性封装进Date对象，包括日期信息及其操作，主要用来进行与时间相关的操作。Data对象的一个典型应用是获取当前系统时间，使用前首先创建该对象的一个实例，语法如下：date=newDate(); //直接创建date=newDate(val); //指定日期创建date=newDate(y,m,d[,h[,min[,sec[,ms]]]]); //指定年月日分秒创建项目1JavaScript的基础复合型数据日期对象01 <scriptlanguage="javascript"> //脚本程序开始02 <!--03 varcur=newDate(); //创建当前日期对象cur04 varyears=cur.getYear();//从日期对象cur中取得年数05 varmonths=cur.getMonth();//取得月数06 vardays=cur.getDate(); //取得天数07 varhours=cur.getHours();//取得小时数08 varminutes=cur.getMinutes();//取得分钟数09 varseconds=cur.getSeconds();//取得秒数10 //显示取得的各个时间值11 alert("此时时间是："+years+"年"+(months+1)+"月"12 +days+"日"+hours+"时"+minutes+"分"13 +seconds+"秒");//输出日期信息14 -->15 </script> <!--脚本程序结束-->项目1JavaScript的基础复合型数据数学对象数学对象（Math）封装了与数学相关的特性，包括一些常数和数学函数，主要使用简单一些基本的数学计算。该对象和Global对象一样不能使用new运算符创建，Math对象在程序运行时由JavaScript环境创建并初始化。项目1JavaScript的基础复合型数据数学对象01 <scriptlanguage="javascript"> //脚本程序开始02 <!-- 03 varr=2; //定义变量表示半径 04 varpi=Math.PI; //从Math对象中读取周期率PI常量05 vars=pi*r*r; //计算面积06 alert("半径为2单位的圆面积为："+s+"单位");//显示圆的面积07 -->08 </script> <!--脚本程序结束-->项目1JavaScript的基础复合型数据全局对象全局对象是所有全局方法的拥有者，用来统一管理全局方法，全局方法也就是指全局函数。该对象不能使用new运算符创建对象实例，所有的方法直接调用即可。以下是几个常用的Global对象的方法，如表2-4所示。表2-4Global对象的常用方法方法名功能描述isNaN(value)判断value是否是NaN，返回一个布尔值parseFloat(string)返回由字符串string转换得到的浮点数parseInt(string)返回由字符串string转换得到的整数项目1JavaScript的基础复合型数据字符串对象String对象封装了与字符串有关的特性，主要用来处理字符串。通过String对象，可以对字符串进行剪切、合并、替换等操作。可以调用该对象的构造函数创建一个实例，其实在定义一个字符串类型变量时也就创建了一个String对象实例。调用String对象的方法或属性形式如“对象名.方法名”或“对象名.属性名”，其构造函数如下：String([strVal]);参数strVal是一个字符串，可选项。创建一个包含值为strVal的String对象。项目1JavaScript的基础复合型数据数组对象数组是JavaScript中另一种重要的基本数据类型。内部对象Array封装了所有与数组相关的方法和属性，其内部存在多个数据段组合存储。可以形象地将其理解为一种有很多连续房间的楼层，每个房间都可以存放货物，提取货物时只需要给出楼层号和房间编号即可。项目1JavaScript的基础复合型数据数组对象<scriptlanguage="javascript">//脚本程序开始<!--varpoets=newArray("王维","杜甫","李白","白居易");//创建数组document.write("古代几个大诗人：<br>");//输出标题for(ninpoets)//逐个输出数组元素{document.write("<li>"+poets[n]);//输出诗人的名字}--></script><!--脚本程序结束-->项目1JavaScript的基础数据类型的转换隐式类型转换程序运行时，系统根据当前上下文的需要，自动将数据从一种类型转换为另一种类型的过程称为隐式类型转换。此前的代码中，大量使用了window对象的alert方法和document对象的write方法。可以向这两个方法中传入任何类型的数据，这些数据最终都被自动转换为字符串型。项目1JavaScript的基础数据类型的转换隐式类型转换<scriptlanguage="javascript">//脚本程序开始<!--varage=prompt("请输入您的年龄：","0");//输入年龄if(age<=0)//如果输入的数字小于或等于0，则视为非法{alert("您输入的数据不合法！");//输入非法时警告并忽略}else//大于{alert("你的年龄为"+age+"岁");//输出年龄}--></script><!--脚本程序结束-->项目1JavaScript的基础数据类型的转换显式类型转换与隐式类型转换相对应的是显式类型转换，此过程需要手动转换到目标类型。要将某一类型的数据转换为另一类型的数据需要用