javascript基础教程计算机软件及应用IT计算机专业资料.ppt

《javascript基础教程计算机软件及应用IT计算机专业资料.ppt》由会员分享，可在线阅读，更多相关《javascript基础教程计算机软件及应用IT计算机专业资料.ppt（103页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、javascript基础教程计算机软件及应用IT计算机专业资料高级软件人才实作培训专家高级软件人才实作培训专家!北京传智播客教育学习目标l表单客户端验证l网页动态效果高级软件人才实作培训专家高级软件人才实作培训专家!北京传智播客教育JavaScript是什么lJavaScript是一种小型的、轻量级的、面向对象的、跨平台的脚本语言，是目前最流行的网页客户端编程语言。JavaScript用于控制网页内容，实现网页浏览者与网页内容之间的交互，这种交互的实现直接发生在客户端，并不需要与Web服务器之间进行数据通信，因此将获得极高的响应速度。lJavaScript是一种基于对象和事件驱动并具有相对安全

2、性的客户端脚本语言。lJavaScript是一种解释性脚本语言。它不同于一般的程序设计语言，它不需要事先进行编译，而是嵌入在HTML文本中，由客户端浏览器对其进行解释执行。lJavaScript具有平台无关性：只要客户端的浏览器支持JavaScript，JavaScript程序便能正确运行。而几乎所有主流的浏览器均支持JavaScript。高级软件人才实作培训专家高级软件人才实作培训专家!北京传智播客教育知识点解释性语言l计算机不能直接理解任何除机器语言以外的语言，所以必须要把程序员所写的程序语言翻译成机器语言，计算机才能执行程序。将其他语言翻译成机器语言的工具，被称为编译器。l编译器翻译的方

3、式有两种：一个是编译，一个是解释。当编译器以解释方式运行的时候，称之为解释器。l解释性语言编写的程序不进行预先编译，以文本方式存储程序代码。l常见解释性语言：HTML、XHTML、JavaScript、XML、CSS、AJAX等。高级软件人才实作培训专家高级软件人才实作培训专家!北京传智播客教育JavaScript能做什么l表单数据验证表单数据验证：表单数据验证是JavaScript最基本也是最能体现效率的功能。l动态动态HTML（即（即DHTML）：动态HTML指不需要服务器介入而动态变化的网页效果，包括动态内容、动态格式、动态布局等。l用户交互用户交互：用户交互指根据用户的不同操作进行的响

4、应处理。例如：联动菜单等。l数据绑定数据绑定：HTML中表单和表格能够以.txt文件定义的数据源，通过对位于服务器端的数据源文件的访问，便可以将数据源中的数据传送到客户端，并将这些数据保存在客户端。l少量数据查找少量数据查找：能够实现在当前网页中进行字符串的查找和替换。lAJAX核心技术核心技术：AJAX即异步JavaScript+XML。该对象提供一种支持异步请求的技术，使客户端可以使用JavaScript向服务器提出请求并处理响应，但并不影响用户在客户端的浏览。高级软件人才实作培训专家高级软件人才实作培训专家!北京传智播客教育JavaScript历史和发展lJavaScript语言最初称为

5、LiveScript语言，是由Netscape（网景）（网景）公司为NetscapeNavigator2.0开发的脚本语言。希望借助流行的Java使LiveScript流行起来，因此改名为JavaScript。lMicrosoft在IE3.0中引入了JavaScript。因为Microsoft没有授权使用JavaScript商标，因此将其改名为Jscript。l1997年，JavaScript1.1被提交到ECMA(欧洲计算机制造商协会欧洲计算机制造商协会)。并在1997.6ECMA制定了第一个正式语言规范ECMA262，并命名为ECMAScript。l各浏览器中的脚本是对ECMA262语言规

6、范的具体实现。Navigator中，ECMAScript的实现称之为JavaScript，而IE中称之为Jscript，这些都是对ECMAScript的具体实现。高级软件人才实作培训专家高级软件人才实作培训专家!北京传智播客教育常用的两个客户端方法ldocument.write(str)该方法在浏览器中输出参数字符串str。document是文档对象模型(DOM)中的一个对象，表示当前浏览器中的网页文档。document提供了许多访问和控制页面中元素的属性和方法，write()是其中的一个方法。JS通过“.”运算符调用对象的属性和方法。lwindow.alert(str)该方法在浏览器中弹出一

7、个对话框，对话框中显示参数str的内容。Window对象同样是浏览器提供的对象(BOM)，对象提供了许多访问和控制窗口元素的属性和方法，alert()方法是其中一个方法。document.write(“大家好，我是字符串大家好，我是字符串”);window.alert(“我是一个弹出的字符串我是一个弹出的字符串”);高级软件人才实作培训专家高级软件人才实作培训专家!北京传智播客教育在HTML代码中加入JavaScript代码l标记对（内嵌式）标记对（内嵌式）在一个HTML文件中，可以出现多个块，各个块按照他们在HTML中出现的顺序依次被解释与执行。浏览器将忽略其不支持的版本编写的脚本。lang

8、uage属性可以省略，因为所有的浏览器默认的language为JavaScript。alert(“这是JS程序”);高级软件人才实作培训专家高级软件人才实作培训专家!北京传智播客教育在HTML中加入JavaScriptl直接加入到直接加入到HTML的标记中（行内式）的标记中（行内式）如果是多句脚本代码，应用如果是简单的代码，可以直接将代码加到HTML的标记中。这种方法一般是将JavaScript代码直接指定给事件响应句柄，由事件触发脚本的执行。在HTML标记中直接加代码，需要使用“javascript:”协议。弹出信息弹出信息高级软件人才实作培训专家高级软件人才实作培训专家!北京传智播客教育在

9、HTML中加入JavaScriptl使用使用src属性引用属性引用JavaScript脚本（外链式）脚本（外链式）通过src属性，可以使用外部的js脚本文件。外部javascript文件的扩展名是.js代码重用：不同网页可引用相同的javascript源代码文件安全性：对于怀有恶意的人，可通过代码发现安全漏洞，从而威胁网站安全。如果将JS文件统一放到有访问权限的控制目录，可以避免任何人直接查看。代码维护：将JS文件放在指定目录下，方便代码的管理和维护。高级软件人才实作培训专家高级软件人才实作培训专家!北京传智播客教育第一个javascript程序varage=25;/定义变量varcity=“

10、北京”;if(age18)alert(“你已成年，可以做任何你想做的事！”);if(city=“北京”)alert(“你好，北京土著！”);elsealert(“你好，北漂一族！”);elsealert(“小同学你好，小心被拐卖了哦！”);高级软件人才实作培训专家高级软件人才实作培训专家!北京传智播客教育JavaScript程序设计基本规则l语句语句程序由若干语句组成，语句是组成程序的最基本单位。每条语句是由合法的函数、数据、表达式组成每条语句以分号“;”结束(不是必须的不是必须的)一行中可以放置多条语句，但必须以分号隔开。l区分大小写区分大小写Javascript中代码是区分大小写的。所有关

11、键字是小写的JS内建对象，对象的属性和方法采用大小写混合的方式对于事件响应句柄，不区分大小写，既属于DOM，又属于HTML。高级软件人才实作培训专家高级软件人才实作培训专家!北京传智播客教育JavaScript程序设计基本规则l注释注释单行注释：/或或#开始多行注释：/*注释内容注释内容*/l空白和缩进空白和缩进运算符与关键字之间出现的空格将被忽略适当使用缩进和空白有助于改善程序的可读性。空白包括空行或者空格。高级软件人才实作培训专家高级软件人才实作培训专家!北京传智播客教育JavaScript变量l现实世界中会有各种数据：姓名、性别、年龄、学历等。l在编程语言中，是用一种叫做“变量变量”的符

12、号来描述现实世界中的数据的。l我们可以给不同数据定义不同的名字，通过不同的名字来表示不同的数据。这名字称为“变量”。变量就是一个代号，比如房间号。l在计算机中，变量就是存储数据的临时容器变量就是存储数据的临时容器(空间)。变量存储在计算机内存中。内存是由N多个“小格子”构成。l在程序中，数据往往以变量的形式存在。变量是与某个值相关联变量是与某个值相关联的名称，可以看做是存储和引用数据的容器的名称，可以看做是存储和引用数据的容器。高级软件人才实作培训专家高级软件人才实作培训专家!北京传智播客教育自然语言数据编程语言数据高级软件人才实作培训专家高级软件人才实作培训专家!北京传智播客教育JavaSc

13、ript变量l定义变量关键字定义变量关键字 var变量使用关键字var进行定义，例如：var username;同时声明多个变量，多个变量间用逗号分开，例如：var username,password;JS为弱数据类型语言，在定义变量时不需要指定变量类型，JS会根据对变量所赋的值自动确定变量的类型。JS变量的数据类型在程序中可以变化。l变量名称规则变量名称规则变量名称必须以一个字母或下划线“_”开始，后面的字符可以是数字0-9，字母A-Z或a-z。不能使用JavaScript关键字或者保留字作为变量名。JS变量名称区分大小写。高级软件人才实作培训专家高级软件人才实作培训专家!北京传智播客教育知

14、识点JS关键字与保留字JS关键字关键字breakcasecatchcontinuedefaultdoelsefinallyforfunctionifininstanceofnewreturnswitchthisthrowtrytypeofvarvoidwhilewithJS保留字保留字abstractbooleanbytecharclassconstdebuggerdoubleenumexportextendsfinalfloatgotoimplementsimportintinterfacelongnativepackageprivateprotecterpublicshortstatics

15、upersynchronizedthrowstransientvolatile高级软件人才实作培训专家高级软件人才实作培训专家!北京传智播客教育JS变量命名方式l在定义与使用变量时，应该培养良好的编程习惯在定义与使用变量时，应该培养良好的编程习惯为变量指定有意义的名称，方便使用在定义变量时给出必要的注释说明在定义变量时对变量进行初始化初始化当变量名包含多个单词时，一般采用“驼峰驼峰”式的命名方式，即第一个单词的字母全部小写，其它单词首字母大写，其余小母小写，例如getUserName。另一种常用的命名方法是“下划线下划线”命名方式，使用“_”符号分隔多个单词，而各单词字母均小写，例如get_u

16、ser_name。var username,password,city,edu,sex,content;/同时定义多个变量同时定义多个变量var getUserName;/驼峰式命名驼峰式命名var get_user_name;/下划线式命名下划线式命名高级软件人才实作培训专家高级软件人才实作培训专家!北京传智播客教育变量赋值l给变量赋值给变量赋值给变量赋值，使用赋值符号”=”。”=”不表示相等，而将将”=”号右边的值赋予左边的变量。”=”符号右边可以是值、变量或表达式。在JS中，重复定义相同名称的变量是合法的重复定义相同名称的变量是合法的，但是后面定义的变量将覆盖前面定义的同名变量。但在JA

17、VA等程序语言中，同一作用域内不允许重复定义相同名称的变量。var a=10;var b=20;/声明变量声明变量a，并赋值，并赋值20var b=0;/给变量给变量b重新赋值重新赋值0var c=a;/将变量将变量a的值赋给变量的值赋给变量cvar sum=c+b;/将变量将变量c与变量与变量b的和，赋给变量的和，赋给变量sum高级软件人才实作培训专家高级软件人才实作培训专家!北京传智播客教育JavaScript数据类型简介程序是算法与数据算法与数据的结合。算法是完成某项任务采用方法的详细步骤，。数据是程序处理的对象，目的是对数据进行加工处理，以得到期望的结果。数据根据其特性进行分类，不同的

18、数据类型有不同的处理方法。JavaScript支持5种基本数据类型：number(数值)、string(字符串)、boolean(布尔型)、undefined(未定义)和null(空)和Array(数组)、Object(对象)、Function(函数)3种复合数据类型(引用类型)。高级软件人才实作培训专家高级软件人才实作培训专家!北京传智播客教育判断变量数据类型typeofltypeof运算符运算符功能：功能：typeof()是一个一元运算符，以字符串形式返回变量的类型名称。语法：语法：typeof(name)或或 typeof name返回值有六种可能返回值有六种可能：“number”、“s

19、tring”、“undefined”、“boolean”、“object”、“function”typeof(100)返回“number”typeof(undefined)返回“undefined”typeof(NaN)返回“number”typeof(null)返回“object”typeof(“100”)返回“string”typeof(window)返回“object”typeof(true)返回“boolean”typeof(document)返回“object”高级软件人才实作培训专家高级软件人才实作培训专家!北京传智播客教育基本数据类型l数值型数值型number数值型包括整数和浮点

20、数。在JS中，所有数值均被作为浮点数处理，负值通过在数值前加“-”号表示。整数整数可以用十六进制和八进制形式表示。十六进制数值以0 x或0X开始，例如”0X23AC”；八进制以0开始，后面跟07的数字。最终显示结果都为十进制。注意：一些浏览器并不支持八进制。注意：一些浏览器并不支持八进制。十进制数值用科学计数法表示，例3.45e12(相当于3.45乘以10的12次方)、3.45e-12(相当于3.45乘以10的12次方)，最终显示结果为十进制。关于数值类型，有一个特殊的数据NaN(NotaNumber)，该值表示“不是数字”。在某些情况下，将返回该值。例如强制将纯字符串转换为数值时将返回NaN

21、。注意：注意：NaN和任何值都不相等，和它自己也不相等。高级软件人才实作培训专家高级软件人才实作培训专家!北京传智播客教育数值型数据类型numberl常用数值型数据举例：数值型数据数值型数据显示结果显示结果.1230.123123或123.00123123.34123.34-123-1230123（八进制）830 x123或0X123（十六进制）2913.45e14（科学计数法）3.45*10143.45e-123.45*10-12NaNNaN高级软件人才实作培训专家高级软件人才实作培训专家!北京传智播客教育基本数据类型l字符串型字符串型(string)字符串是指由单引号或双引单引号或双引号括

22、起来的一串字符。例如：”welcome”，”你好”，”1203-003”字符串长度不受限制长度不受限制，可以是一个字符，多个字符，或者是空字符。字符串内容本身包含引号时，可以使用与外层引号不同的方式。当需要在双引号字符串中包含双引号时，或在单引号字符串包含单引号时，必须使用反斜线”进行转义。详见知识点详见知识点-转义字符转义字符l布尔型布尔型(boolean)布尔型又称为逻辑型，就是指真或假，是或否。布尔型只有两个可取值：true和false（全小写）。布尔型一般用于流程控制语句中，例如if语句中。可以直接为变量指定布尔值，也可以通过比较产生布尔值高级软件人才实作培训专家高级软件人才实作培训专

23、家!北京传智播客教育知识点转义字符“”l什么是转义字符什么是转义字符在这里，反斜线”被称为转义字符。当需要表示一些特殊的字符，如回车符，需要使用转义符”进行转义。当JavaScript遇到转义符时，将转义符后出现的字符进行特殊解释。l常用的转义字符（常用的转义字符（部分效果需要通过部分效果需要通过alert测试测试）转义符转义符含义含义转义符转义符含义含义b表示退格t表示制表符f表示换页表示单引号n表示换行符”表示双引号r表示回车符表示反斜线号本身高级软件人才实作培训专家高级软件人才实作培训专家!北京传智播客教育基本数据类型lundefined当一个对象属性不存在或者变量定义后从未赋值时，返回

24、undefined。数据类型undefined只有一个值“undefined”。lnull当一个变量没有保存有效的数据时或对象不存在时，都将返回null。数据类型null只有一个值“null”。可以通过给一个变量赋null值来清除变量的内容。提示：为什么null的类型是object了呢？其实这是JavaScript最初实现的一个错误，后来被ECMAScript沿用下来。在今天我们可以解释为，null是一个不存在的对象的占位符。高级软件人才实作培训专家高级软件人才实作培训专家!北京传智播客教育实例：基本数据类型应用高级软件人才实作培训专家高级软件人才实作培训专家!北京传智播客教育0、“”、fal

25、se、undefined、null区别l共同点共同点这五个值的共同点是，在if语句中做判断，都会执行false分支。l0、“”、false是有意义的数据是有意义的数据这三个值虽然在if语句中做判断时，表现为“假值”，可它们都是有意义数据。lundefined与与null比较特殊比较特殊Undefined表示变量已定义，但没有赋值。Null表示没有对象被返回。虽然null的类型是object，但是null不具有任何对象的特性。高级软件人才实作培训专家高级软件人才实作培训专家!北京传智播客教育数据类型转换lJS为弱数据类型，对变量数据类型没有严格要求。定义变量时不需要指定变量的数据类型，当对变量赋

26、值时，根据值的类型确定变量的数据类型。另外，变量的数据类型可以在程序中发生变化，在JAVA中是不允许的。l表达式中自动数据类型转换表达式中自动数据类型转换在使用不同类型的变量进行表达式运算时，JS将根据需要自动尝试进行必要的数据类型转换。var a=100,b=“100”;/将字符串将字符串b自动转换成数值自动转换成数值b，进行比较，进行比较var result=a=b?“a等于等于b”:“a不等于不等于b”;document.write(result);高级软件人才实作培训专家高级软件人才实作培训专家!北京传智播客教育自动数据类型转换其它类型转换成布尔型其它类型转换成布尔型原类型原类型转换得

27、到的布尔值转换得到的布尔值数值型当值为0或者NaN时得到false，否则为true字符型当字符串为空字符串时得到false，否则为trueundefinedfalsenullfalse对象true使用使用JS内置对象内置对象Boolean()进行转换进行转换a=“abc”;document.write(Boolean(a)高级软件人才实作培训专家高级软件人才实作培训专家!北京传智播客教育自动数据类型转换其它类型转换为字符串其它类型转换为字符串类型类型转换得到的值转换得到的值数值型数值的字符串表示或者字符串”NaN”布尔型true转换得到字符串“true”，false转换得到字符串”false”

28、undefined字符串”undefined”null字符串”null”使用使用JS内置对象内置对象String()进行转换进行转换a=null;document.write(String(a)高级软件人才实作培训专家高级软件人才实作培训专家!北京传智播客教育自动数据类型转换其它类型自动转换为数值其它类型自动转换为数值类型类型转换得到的值转换得到的值字符型如果字符串为数字字符串，则得到相应数值，否则得到NaN布尔型true转换得到1，false转换得到0undefinedNaNnull0使用使用JS内置对象内置对象Number()进行转换进行转换a=“abc”;document.write(N

29、umber(a)高级软件人才实作培训专家高级软件人才实作培训专家!北京传智播客教育强制数据类型转换l强制将字符串转换为数值强制将字符串转换为数值全局函数parseInt()和parseFloat()。函数parseInt()用于在字符串中由左至右提取一个整数数值，当遇到非数值字符时停止提取；而parseFloat()用于在字符串中由左至右提取一个浮点数，即提取整数和小数点，当遇到非数字字符时停止提取。当字符串中的第一个字符为非数字字符时，parseInt()和parseFloat()函数返回NaN(表示不是数)，表示字符串中不包含整数或浮点数。parseInt(“24.234px”);/返回返

30、回24parseInt(“a23”);/返回返回NaNparseFloat(“.89”);/返回返回0.89parseFloat(“24.234px”);/返回返回24.234高级软件人才实作培训专家高级软件人才实作培训专家!北京传智播客教育运算符与表达式运算符与表达式l运算符、表达式、语句概念运算符、表达式、语句概念运算符运算符又称为操作符，用于对数据进行各种运算，例如加、减运算等。表达式表达式：是由运算符和运算数组成的唯一值的公式。一个表达式可以包含零个、一个或者多个运算符，一个或多个运算数，表达式总返回一个确定的值语句语句：是构成程序的基本单位，一条语句完成某种特定的操作。语句是发送给计

31、算机的执行指令，语句必须符合语法规则。一般语句以分号“；”结束。lJS中运算符分类中运算符分类算术运算符、赋值运算符、关系运算符逻辑运算符、位运算符、字符串运算符特殊运算符高级软件人才实作培训专家高级软件人才实作培训专家!北京传智播客教育运算符算术运算符l加加1运算符运算符“+”该运算符有两种不同的形式：做前缀和做后缀。+N表示在使用N之前就将N加1N+是在使用N后再对N+1。l减减1运算符运算符“”N在使用N之前就对N减1。N是使用N的值后再对N减1。运算符运算符含义含义举例举例+、-、*、/加、减、乘、除%取模运算符(两数相除取余数)10%3结果为1+加1运算符。m+或+m-减1运算符m-

32、或m-取反运算符varm=-9高级软件人才实作培训专家高级软件人才实作培训专家!北京传智播客教育实例：+、-、%应用实例：加实例：加1运算符运算符+/初始化变量初始化变量avar a=9;/将将a的值返给的值返给b，再将，再将a加加1var b=a+;/b=9/将将a的值加的值加1，把结果返给，把结果返给cvar c=+a;/c=11实例：减实例：减1运算符运算符-/初始化变量初始化变量avar a=9;/先将先将a的值返给的值返给b，再将，再将a减减1var b=a-;/b=9/将将a的值减的值减1，把结果返给，把结果返给cvar c=-a;/b=7高级软件人才实作培训专家高级软件人才实作培

33、训专家!北京传智播客教育运算符赋值运算符lJS中的赋值运算符与代数中的等号相同，但意义不同。代数中的等号表示等号左右的两个表达式的值相同，而赋值运算符是将运算符右边的表达式或变量的值赋给左边的变量。l在赋值运算符左边必须是一个常量，若左边是一个常量或其它，是不对的，是不对的。l在使用二元运算符时，需要注意的是，运算符中的两个符号是作为一个整体整体的，两个符号间不能出现空格。运算符运算符举例举例=M=2+=M+=2展开后M=M+2-=M-=2展开后M=M-2*=M*=2展开后M=M*2/=M/=2展开后M=M/2高级软件人才实作培训专家高级软件人才实作培训专家!北京传智播客教育运算符字符串运算符

34、l字符串运算符主要是字符串连接符字符串运算符主要是字符串连接符“+”和它的变形形和它的变形形式式“+”。字符串连接符。字符串连接符“+”将左右两个字符串连将左右两个字符串连接得到一个字符串。接得到一个字符串。l提示：任何类型数据提示：任何类型数据+字符串，都将自动转成字符串。字符串，都将自动转成字符串。var a=“姓名：姓名：”+“张三张三”;/结果结果 姓名：张三姓名：张三var a=null;var b=“”+a;/返回字符串返回字符串“null”高级软件人才实作培训专家高级软件人才实作培训专家!北京传智播客教育实例：实现如下效果高级软件人才实作培训专家高级软件人才实作培训专家!北京传智

35、播客教育运算符比较运算符运算符运算符含义含义说明说明大于MN，当M大于N时，返回TRUE；否则返回FALSE小于M=大于等于M=N，当M大于等于N时，返回真，否则返回假=小于等于M=N，当M小于等于N时，返回真，否则返回假=等于M=N，当M等于N时，返回真，否则返回假JS会自动进行类型转换，转换后再比较。!=不等于M!=N，当M不等于N时，返回真，否则返回假=全等于M=N，当M全等于N时，返回真，否则返回假全等比较，包括值和类型全等，JS不会自动转换类型!=不全等M!=N，当M不全等于N时，返回真，否则返回假高级软件人才实作培训专家高级软件人才实作培训专家!北京传智播客教育实例：=、=、=的区

36、别/判断判断a和和b是否相等，是值相等，还是类型也相等是否相等，是值相等，还是类型也相等Var a=10;Var b=“10”;高级软件人才实作培训专家高级软件人才实作培训专家!北京传智播客教育运算符逻辑运算符l逻辑运算符处理布尔量之间的运算，即对真与假，是与否进行运算操作。l&和|均为先计算左侧表达式。对于&而言，当左侧运算符为false时，结果为false，则右侧运算数对结果的布尔值无影响，不需要计算右侧运算数，而当左右为true时，结果的布尔值由右侧运算数决定。l对于|运算，当左侧运算数为true时，运算结果为true，右侧运算数的值对结果没有影响；如果左侧运算数为false时，则运算结

37、果由右侧运算数决定。运算符运算符含义含义说明说明&逻辑与当两个运算数为true时，结果为true；如果有一个为false，结果为false。|逻辑或当两个操作数中有一个为true时，结果为true；否则为false。!逻辑非逻辑非运算符是对运算数取反，即将true变为false，将false变成true。高级软件人才实作培训专家高级软件人才实作培训专家!北京传智播客教育实例：判断给出的年份是否是闰年判断闰年条件判断闰年条件（1）能被能被4整除并且不能被整除并且不能被100整除是闰年整除是闰年（2）能被）能被400整除是闰年整除是闰年 高级软件人才实作培训专家高级软件人才实作培训专家!北京传智播

38、客教育运算符条件运算符l条件运算符条件运算符条件运算符又称三元运算符条件运算符又称三元运算符格式格式：条件表达式?m:n再比如再比如：条件表达式?结果1:结果2返回值返回值：条件表达式返回一个布尔值，当其值为true时，返回的结果为变量m代表的内容，如果条件表达式的结果为false，返回的结果为变量n所代表的内容。实例：使用条件表达式，求以下两个数的最大值实例：使用条件表达式，求以下两个数的最大值a=100;b=200;高级软件人才实作培训专家高级软件人才实作培训专家!北京传智播客教育运算符位运算符l什么是位运算什么是位运算程序中的所有数在计算机内存中都是以二进制的形式储存的。位运算说穿了，就

39、是直接对整数在内存中的二进制位进行操作接对整数在内存中的二进制位进行操作。位运算时，一般是当作一个字节(8位二进制)进行的。如果位数不够，位数少的运算数左边将补0，直到两个运算数位数相同。注意：JS中的位运算符要求运算数必须是整数。lJS中的位运算符中的位运算符&：按位与|：按位或：按位非：右移运算符高级软件人才实作培训专家高级软件人才实作培训专家!北京传智播客教育运算符位运算符l按位与运算符按位与运算符&对两个运算数的对应位进行与运算，当两个运算数的对应位都为1，结果的对应位为1，否则结果的对应位为0。输出结果是十进制输出结果是十进制。var a=6,b=5;a&b=(100)=1*22=4

40、(10)a=600000110b=500000101a&b00000100高级软件人才实作培训专家高级软件人才实作培训专家!北京传智播客教育运算符位运算符l按位或运算符按位或运算符|对两个运算数的对应位进行或运算，当两个运算数的对应位有一个为有一个为1时，结果为时，结果为1；当两个运算数的对应位均为0时，结果值的对应位为0.var a=6,b=5;a|b=111(2)=1*22+1*21+1*20=7(10)a=600000110b=500000101a|b00000111高级软件人才实作培训专家高级软件人才实作培训专家!北京传智播客教育运算符位运算符l按位非运算符按位非运算符导或运算符对两个

41、运算数的对应位进行异或运算，当两个运算数的对应位不相同时，结果值的对应位为位不相同时，结果值的对应位为1；否则，当两个运算数的对应位相同时，结果值的对应位为0。var a=6,b=5;a b=011(2)=1*21+1*20=3(10)a=600000110b=500000101ab00000011高级软件人才实作培训专家高级软件人才实作培训专家!北京传智播客教育运算符位运算符l左移运算符左移运算符将左侧的运算数向左移若干位将左侧的运算数向左移若干位，移动的次数由右侧运算数决定，该运算数必须是031之间的整数。移到左侧的位丢失，右边空缺补零。var a=5;var b=a 2;b=10100(

42、2)=1*24+1*22=20(10)a=500000101a与左移相似，将左侧运算数的各位向右移若干位将左侧运算数的各位向右移若干位，移动次数由右侧运算数决定。左边移出的空位由符号位进行补充，如果左侧运算数为正，则补0，否则补1。var a=5;var b=a 2;b=00000001(2)=1(10)a=500000101a200000001高级软件人才实作培训专家高级软件人才实作培训专家!北京传智播客教育运算符特殊运算符运算符运算符含义含义new运算符用来自定义对象或创建一个对象的实例delete运算符用来删除对象属性或者数组中的元素点运算符(.)用于对对象的属性和方法的访问。typeo

43、f返回数据的数据类型字符串，共有六种数据类型字符串void其作用是屏蔽表达式返回的值，作用于任何值时都返回undefined。常用于屏蔽超链接返回值。数组元素或对象属性存取符。()有两种含义。一是在函数定义与调用时，指定函数参数；另一种是强制指定运算的先后顺序。高级软件人才实作培训专家高级软件人才实作培训专家!北京传智播客教育运算符优先级l在一个表达式中，往往会使用多个不同的运算符，当多个不同的运算符出现在一个表达式中时，必须遵循一定的运算顺序进行运算，这就是运算符优先级。.、new、()级别最高!、+、级别次之上级*、/、%级别次之上级+、次之上级、=、算术运算符算术运算符 比较运算符比较运

44、算符 逻辑运算符逻辑运算符 赋值运算符赋值运算符高级软件人才实作培训专家高级软件人才实作培训专家!北京传智播客教育流程控制语句if语句l什么是流程控制什么是流程控制程序执行的顺序，因不同状况而选取不同的流程,即为流程控制。lIf条件判断语句条件判断语句条件语句的基本形式是ifelse语句，有三种演变形式格式一：格式一：If(条件语句条件语句)代码块代码块;格式二：格式二：If(条件语句条件语句)代码块代码块1;else 代码块代码块2;格式三：格式三：If(条件语句条件语句1)代码块代码块1;else if(条件条件2)代码块代码块2;else if(条件条件3)代码代码3;else 代码代码

45、4;高级软件人才实作培训专家高级软件人才实作培训专家!北京传智播客教育实例：根据用户的分数，判断其评语l根据一个学生的分数（0-100之间），给其下相应的评语：大于90为优秀，大于等于80为良好，大于等于70为中等，大于等于60为及格，小于60为不及格。l提示（1）判断输入的数据为空或非数值（2）根据不同的分数输出不同的评语。高级软件人才实作培训专家高级软件人才实作培训专家!北京传智播客教育知识点补充window.prompt()lwindow.prompt()功能：显示一个可供用户输入的对话框。语法：prompt(text,defaultText)参数：text为提示信息，defaultTe

46、xt为可选项，代表默认值提示：点“确定”则返回String类型的数据；点“取消”按钮，则返回null举例：varstr=window.prompt(“请输入分数”)高级软件人才实作培训专家高级软件人才实作培训专家!北京传智播客教育流程控制语句switch分支结构lSwitch分支语句分支语句概述：概述：Switch分支语句根据一个变量的不同取值而执行不同的程序语句工作原理工作原理：首先设置表达式（通常是一个变量）。随后表达式的值会与结构中的每个case的值做比较。如果存在匹配，则与该case关联的代码块会被执行。请使用break来阻止代码自动地向下一个case运行。default 关键词关键词

47、用来规定匹配不存在时做的事情l实例：今天是星期几实例：今天是星期几 switch(参数或表达式参数或表达式)case 值值1:代码代码1；break;case 值值2:代码代码2；break;default:默认条件代码；默认条件代码；高级软件人才实作培训专家高级软件人才实作培训专家!北京传智播客教育流程控制语句while循环lWhile循环循环在执行while语句时，首先判断条件是否成立，如果成立则执行循环体语句，然后再判断条件是否成立，如果成立则执行，否则循环结束，这样反复执行。一般情况下，总是在while之前对条件进行初始化条件进行初始化，而在循环体中对条件进行更条件进行更新新，使循环在

48、某一条件下结束。while(条件条件)循环体语句循环体语句;/初始化条件初始化条件var i=1;while(i 100)document.write(i+“”);i+;/变量变量i自增自增高级软件人才实作培训专家高级软件人才实作培训专家!北京传智播客教育实例：九九乘法表高级软件人才实作培训专家高级软件人才实作培训专家!北京传智播客教育dowhile循环语句l语法格式语法格式l解释说明解释说明dowhile循环是while的一种变体；dowhile语句先执行一次循环体语句，然后对while中的条件进行判断，如果条件成立，则重复执行循环语句，如果不成立则跳到dowhile外的下一条语句。也就是说

49、，不管条件最初是否成立，循环体语句总是要先执行一次。do循环体语句while(条件);高级软件人才实作培训专家高级软件人才实作培训专家!北京传智播客教育实例：输出不同级别标题高级软件人才实作培训专家高级软件人才实作培训专家!北京传智播客教育流程控制语句for循环语句lfor循环语句的语法格式：lFor循环执行过程首先进行初始化操作，对影响条件判断结果的元素进行初始化；然后进行条件判断，如果条件成立，则执行for循环体中的语句；循环体语句执行结束后，进行条件更新。如果条件成立，则继续执行循环体中的语句。反复循环下去，直到条件不成立为止，循环结束。for(初始化条件初始化条件;条件判断条件判断;条

50、件更新条件更新)循环体语句块循环体语句块高级软件人才实作培训专家高级软件人才实作培训专家!北京传智播客教育实例：求1-100间偶数的和/实例：求实例：求1100间所有偶数的和间所有偶数的和var sum=0;/和的变量和的变量for(var i=1;i 100;i+)if(i%2=0)sum+=i;/相当于相当于 sum=sum+idocument.write(1-100间偶数的和是：间偶数的和是：+sum);高级软件人才实作培训专家高级软件人才实作培训专家!北京传智播客教育forin循环语句lforin概述概述循环遍历对象的所有属性（或者数组对象的所有元素）循环遍历对象的所有属性（或者数组对