第3章 获取用户的输入.ppt

1、第3章 获取用户的输入,上一章讲述了如何将JavaScript应用到HTML页面中，以及一些在Web页面的输出方法。其中的confirm函数不仅可以显示信息给用户，同时也可以接受简单的用户反馈。在常见的应用中，常常需要和用户进行更加复杂的交互，获取用户输入就显得不可或缺了。,3.1 示例：让用户输入两个数字，然后输出相加的结果,示例代码.htm接受用户的两次输入，然后将输入的数字取整数部分相加，并用上一章节讲述的document.write方法输出到页面。 代码.htm 让用户输入两个数字，然后输出相加的结果 3-1 让用户输入两个数字，然后输出相加的结果 intA = prompt(请输入第

2、一个数字,); intB = prompt(请输入第二个数字,27); document.write(你输入的第一个数字是+intA); document.write(你输入的第二个数字是+intB); document.write(两者和是+(parseInt(intA)+parseInt(intB); ,3.2 JavaScript基础知识操作符和表达式,所有的高级计算机语言都有相似的逻辑结构，都是由数据和操作构成的。为了更好的表述编程中的各个概念，下面介绍一些编程术语。,3.2.1 什么叫表达式,对变量进行赋值、改变、计算等操作的语句叫做表达式。表达式是变量、常量和操作符的综合。一个表达

3、式可以只包含一个常数或一个变量。操作符可以是四则操作符、关系操作符、位操作符、逻辑操作符、复合操作符。因此从类型上分，表达式可以分为算术表达式、字符操作表达式、赋当泶锸胶吐呒泶锸降取 在书写上，JavaScript通常认为一个自然行是一个表达式。表达式的末尾通常使用分号“;”作为结束标志。实际上可以将所有的表达式写在一行上，用分号分隔开即可。但是出于可读性的考虑不推荐这样书写，除非几个语句都很短，而且在语意上并列（例如对若干变量的初始化赋值）。 表达式1 表达式2 /* 上面这样写是可以的 */ 表达式1;表达式2;表达式3; /* 上面这样书写也是符合语法的 */,3.2.2 什么叫操作符,

4、操作符就是对数据进行操作的符号，其表达了要对数据执行的操作。 关于操作符的说明： （1）从参与操作的数据个数上看，操作符被分为一元操作符、二元操作符和三元操作符。一元操作符如自加（x+）、自减（x-），二元操作符最常见，如四则运算的加减乘除，三元操作符如条件操作符（c?x:y）。 （2）三元条件操作符较复杂， （3）自加、自减操作符中，操作符与变量的相对位置，即“+x”和“x+”是不同的，需要仔细体会其运算的先后顺序。 （4）位运算符通常会被当作逻辑运算符来使用。 （5）逻辑与/或有时候被称为“快速与/或”。 （6）与四则运算有关的运算符不可以作用在字符串上，但是可以使用“+”和“+=”来实现

5、字符串的连接合并。“”a”+”b”的运算结果是“”ab” （7）不要将赋值操作符“=”和逻辑操作符“=”混淆。,3.2.3 什么是优先级,在进行四则运算时，乘除法的计算顺序要优先于加减法，这就是表达式运算的优先级。上一小节中表3-1各操作符按照优先级由高至低排列。在表达式中，具有高优先级的操作将被优先计算，然后才是优先级较低的操作符。如果若干并列的操作符具有相同的优先级，则按照自左至右的顺序计算。 和四则运算类似的是，括号可以用来改变运算的先后顺序，这在很多时候是至关重要的。在程序出错或者程序结果背离预期的时候，可以用括号来将复杂的表达式分解，强制计算按照要求的顺序来，常常可以解决很多异常。

6、善于利用优先级可以构造比较复杂的表达式，缩短代码长度。一般说来，只要表达式符合语法，即使看起来很“怪”也是可以运行的，例如： x=y=z=v1=22?“v1 value is 22”:(v122)?”v1 value is bigger than 22”:”v1 value is smaller than 22”); 这段代码就使用了嵌套条件表达式和多次赋值。,3.3 一加一等于几？变量类型转换,一加一看起来是个非常简单的问题，可是实际上在程序中，常常会出现各种程序员无法预料的状况。代码3-2.htm和前面的示例代码3-1.htm类似，试图计算用户两次输入的数字的和。 代码3-2.htm 让用

7、户输入两个数字，然后输出相加的结果 3-2 一加一等于几？ intA = prompt(请输入第一个数字,1); intB = prompt(请输入第二个数字,1); document.write(你输入的第一个数字是+intA); document.write(你输入的第二个数字是+intB); document.write(两者和是+(intA+intB); ,3.4 JavaScript基础知识字符串初探,在JavaScript中，字符串是一种非常重要的组成部分。因为为了要和用户交互，各种交互的文本信息都要用字符串来储存或处理。可以说，要想学好JavaScript，必须扎实的掌控字符串操

8、作。JavaScript提供了非常强大的字符串处理能力。,3.4.1 什么是字符串？,第2章在介绍数据类型的时候，已经做了简略说明：字符串就是以英文双引号“”或单引号“”括起来的一个或几个字符。要理解字符串的概念，就要理解： （1）字符串中的信息只是一些文本。常常有初学者会把字符串中的信息和程序的代码混淆起来。下面的两行代码是不同的： alert(today); alert(“today”); 第一行的today只是一个变量，其内容可以是任何值。第二行的“today”才是字符串。 （2）字符串不可以分行书写，引号中的内容必须书写在一行上。形如： variable=”This is a two

9、line text but its forbidden” 这种书写格式是不符合语法的。 （3）字符串的引号必须配对。也就是说字符串的两端必须同时是双引号或单引号，不可以出现一端为双引号，另一端为单引号的情况。此外需要注意的是，字符串中不可以出现字符串两端的引号。例如，“”I said “yes”是不符合语法的，而“”I said yes”才是正确的写法。 （4）字符串的引号必须是英文半角字符。很多初学者遇到的错误都是由于使用了中文的引号。,3.4.2 字符串的书写与转义符,当需要在字符串中使用引号或换行符等特殊字符时，需要使用转义符。转义符就是一些特殊组合的字符，用来代替那些因为语法问题无法书

10、写的特殊字符。表列出了常见的转义符及其含义。,3.4.3 字符串操作,在讲解字符串操作前，读者需要再次回忆JavaScript中“对象”的概念。在第2章中已经提及，JavaScript是基于对象的语言，因此JavaScript中的字符串也是一种对象，有着自己的属性和方法。 字符串对象的常用属性只有一个：length。该属性返回字符串对象的长度，即其包含的字符个数。语法为 intStringLength=”Some String”.length;,3.5 示例：让用户输入自己的名字，输出写给用户的情书,字符串方法的强大和易用读者从上文的例子中可以有所体会。下面的示例代码.htm将综合前面讲述的内容，用prompt函数让用户输入自己的名字，然后通过对字符串的处理来输出一封情书。,3.6 小结,为了和用户更好的交互，需要获得