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

《第3章获取用户的输入.ppt》由会员分享，可在线阅读，更多相关《第3章获取用户的输入.ppt（13页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

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）与四则运算有关的运算符不可以作用在字符串上，但是可以使用“+”和“+=”来实现字符串的连接合并。“”a”+”b”的运算结果是“”ab”（7）不要将赋值操

5、作符“=”和逻辑操作符“=”混淆。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 让用户输入两个数字，然后输出相加的结果3-2 一加一等于几？intA=prompt(请输入第一个数

7、字,1);intB=prompt(请输入第二个数字,1);document.write(你输入的第一个数字是+intA);document.write(你输入的第二个数字是+intB);document.write(两者和是+(intA+intB);3.4 JavaScript基础知识字符串初探在JavaScript中，字符串是一种非常重要的组成部分。因为为了要和用户交互，各种交互的文本信息都要用字符串来储存或处理。可以说，要想学好JavaScript，必须扎实的掌控字符串操作。JavaScript提供了非常强大的字符串处理能力。3.4.1 什么是字符串？第2章在介绍数据类型的时候，已经做了简

8、略说明：字符串就是以英文双引号“”或单引号“”括起来的一个或几个字符。要理解字符串的概念，就要理解：（1）字符串中的信息只是一些文本。常常有初学者会把字符串中的信息和程序的代码混淆起来。下面的两行代码是不同的：alert(today);alert(“today”);第一行的today只是一个变量，其内容可以是任何值。第二行的“today”才是字符串。（2）字符串不可以分行书写，引号中的内容必须书写在一行上。形如：variable=”This is a two line textbut its forbidden”这种书写格式是不符合语法的。（3）字符串的引号必须配对。也就是说字符串的两端必须同

9、时是双引号或单引号，不可以出现一端为双引号，另一端为单引号的情况。此外需要注意的是，字符串中不可以出现字符串两端的引号。例如，“”I said“yes”是不符合语法的，而“”I said yes”才是正确的写法。（4）字符串的引号必须是英文半角字符。很多初学者遇到的错误都是由于使用了中文的引号。3.4.2 字符串的书写与转义符当需要在字符串中使用引号或换行符等特殊字符时，需要使用转义符。转义符就是一些特殊组合的字符，用来代替那些因为语法问题无法书写的特殊字符。表列出了常见的转义符及其含义。3.4.3 字符串操作在讲解字符串操作前，读者需要再次回忆JavaScript中“对象”的概念。在第2章中

10、已经提及，JavaScript是基于对象的语言，因此JavaScript中的字符串也是一种对象，有着自己的属性和方法。字符串对象的常用属性只有一个：length。该属性返回字符串对象的长度，即其包含的字符个数。语法为intStringLength=”Some String”.length;3.5 示例：让用户输入自己的名字，输出写给用户的情书字符串方法的强大和易用读者从上文的例子中可以有所体会。下面的示例代码.htm将综合前面讲述的内容，用prompt函数让用户输入自己的名字，然后通过对字符串的处理来输出一封情书。3.6 小结为了和用户更好的交互，需要获得用户的输入。在处理用户输入时，需要灵活使用JavaScript提供的强大的字符串操作方法。为入门者介绍了编程上的一些术语：表达式和操作符。此外还讲解了变量类型及编程时容易犯的错误。本章介绍的知识点有：（1）函数prompt的使用方法（2）基础知识：表达式和操作符（3）变量类型转换（4）字符串、转义符和字符串方法