JavaScript 语法基础.ppt

《JavaScript 语法基础.ppt》由会员分享，可在线阅读，更多相关《JavaScript 语法基础.ppt（33页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、Version 3.0JavaScript 语法基础语法基础第第 七七 章章回顾回顾了解了解 DHTML样式表样式表什么是样式表为什么要使用样式表样式表的语法规则创建并使用样式表2 2目标目标理解什么是理解什么是JavaScript理解理解JavaScript的语法基础的语法基础3 3什么是什么是JavaScriptJavaScript是是一一种种基基于于对对象象的的脚脚本本语语言言，用用于于开开发发基基于于客客户户端端和和基基于于服服务务器器的的Internet应应用程序用程序 可用于创建客户端脚本和服务器端脚本可用于创建客户端脚本和服务器端脚本由由Sun Microsystems 和和 N

2、etscape 开开发发，是是从从 Netscapes 的的 Livescript 发展而来的发展而来的4 4JavaScript的作用和基本语法规则的作用和基本语法规则使使用用 JavaScript 的的各各种种功功能能，可可以以增增强强站站点点的动态性和交互性。的动态性和交互性。提供用户交互动态更改内容验证数据与与其其他他任任何何语语言言一一样样，JavaScript 也也遵遵循循一一些基本的语法规则，如：些基本的语法规则，如：区分大小写使用成对的符号使用空格使用注释5 5JavaScript 工具和运行时环境工具和运行时环境JavaScript 代码生成工具和代码生成工具和 IDE 有助

3、于创建有助于创建功能强大的功能强大的 JavaScript 代码。以下是其中一代码。以下是其中一些工具：些工具：对话框弹出菜单生成器远程控件运行时环境运行时环境客户端脚本编写Web 服务器上的 JavaScript6 6JavaScript作为客户端程序嵌入网页作为客户端程序嵌入网页使用使用Script标记标记使用外部文件使用外部文件在事件处理程序中使用在事件处理程序中使用JavaScript7 7使用使用Script标记示例标记示例 祝学有所成祝学有所成!8 8使用外部文件示例使用外部文件示例 祝学有所成祝学有所成!document.write(嗨！你好吗？嗨！你好吗？)test.js9 9

4、在事件处理程序中使用在事件处理程序中使用JavaScript示例示例 JavaScript示例示例 1010使用使用Alert/Confirm/Write方法方法使用窗口的使用窗口的Alert方法，可以生成一个对话框方法，可以生成一个对话框使用窗口的使用窗口的Confirm方法，可以生成一个确认对话框方法，可以生成一个确认对话框使用使用document的的Write方法可以创建页面内容方法可以创建页面内容 1111变量变量变量是一种引用内存位置的容器，用于保存变量是一种引用内存位置的容器，用于保存在执行脚本时可以更改的值在执行脚本时可以更改的值 变量的命令约定变量的命令约定变量名必须以字母或下

5、划线(_)开头变量名可以包含数字由于JavaScript区分大小写，所以可用的字母包括A到Z（大写）和a到z（小写）的字符1212声明变量声明变量var new_amount;var answer=null;var old_cost=12.50;var result=Unknown result;var a,b,c;result=true;1313变量的作用域变量的作用域Function1、Function2和和Function3都都可以访问可以访问脚本脚本全局变量全局变量Function1局部变量局部变量aFunction2局部变量局部变量bFunction3局部变量局部变量c1414数据类

6、型数据类型在在JavaScript中有四种基本的数据类型中有四种基本的数据类型基本类型属于弱类型基本类型属于弱类型数据类型数据类型描述描述数字型数字型(Number)整数或实数整数或实数逻辑型或布尔型逻辑型或布尔型(Boolean)True或或False字符串型字符串型(String)如如“Hello World”，“123.4”空型空型(null)表示空值的特殊关键字表示空值的特殊关键字1515运算符运算符算术运算符算术运算符比较运算符比较运算符逻辑运算符逻辑运算符字符串运算符字符串运算符求值运算符求值运算符1616算术运算符算术运算符运算符运算符说明说明示例示例+如果操作数都是数字时执行加

7、法运算，如果其如果操作数都是数字时执行加法运算，如果其中的操作数有字符串时，会执行连接字符串的中的操作数有字符串时，会执行连接字符串的作用作用A=5+8/结果是结果是13A=5+8/结果是结果是58-减法减法A=8 5*乘法乘法A=8*5/除法除法A=20/5%取余取余-相除之后的余数相除之后的余数10%3=1+一元递增。此运算符只计算一个操作数，将操一元递增。此运算符只计算一个操作数，将操作数的值加作数的值加1。返回的值取决于。返回的值取决于+运算符是位运算符是位于操作数之前还是位于操作数之后。于操作数之前还是位于操作数之后。+x返回递增后的返回递增后的x值值x+返回递增前的返回递增前的x值

8、值-一元递减。此运算符只计算一个操作数。返回一元递减。此运算符只计算一个操作数。返回的值取决于的值取决于-运算符是位于操作数之前还是位运算符是位于操作数之前还是位于操作数之后于操作数之后-x返回递减后的返回递减后的x值值x-返回递减前的返回递减前的x值值-一元求反。此运算符返回操作数的相反数一元求反。此运算符返回操作数的相反数 如果如果a等于等于5，则，则-a=-51717比较运算符比较运算符运算符运算符说明说明示例示例=等于。如果两个操作数相等，则返回等于。如果两个操作数相等，则返回Truea=b!=不等于。如果两个操作数不等，则返回不等于。如果两个操作数不等，则返回TrueVar2!=5大

9、于。如果左操作数大于右操作数，则返回大于。如果左操作数大于右操作数，则返回TrueVar1 var2=大于或等于。如果左操作数大于或等于右操作数，大于或等于。如果左操作数大于或等于右操作数，则返回则返回TrueVar1=5Var1=var2小于。如果左操作数小于右操作数，则返回小于。如果左操作数小于右操作数，则返回TrueVar2 var1=小于或等于。如果左操作数小于或等于右操作数，小于或等于。如果左操作数小于或等于右操作数，则返则返TrueVar2=4Var2=18)?adult:minor2121表达式表达式表达式用于在不同上下文中操作和计算变量。表达式用于在不同上下文中操作和计算变量。

10、表达式是任意一组有效的文字、变量和运算表达式是任意一组有效的文字、变量和运算符，其计算结果为一个值。符，其计算结果为一个值。表达式类型表达式类型算术：计算结果为一个数字逻辑：计算结果为一个布尔值字符串：计算结果为一个字符串表达式通过运算符组合变量和文字表达式通过运算符组合变量和文字2222数组数组数组用于存储具有相同数据类型的一组值，数组用于存储具有相同数据类型的一组值，使用下标（索引）来区分各个值。使用下标（索引）来区分各个值。在在JavaScript中，数组的下标以零开始。中，数组的下标以零开始。JavaScript没有明确的数组数据类型，但却没有明确的数组数据类型，但却有内置的数组对象。

11、要在程序中使用数组，有内置的数组对象。要在程序中使用数组，必须使用数组对象及其相关联的方法。必须使用数组对象及其相关联的方法。2323创建数组创建数组语法：语法：arrayObjectName=new Array(element0,element1,.,elementN)初始化初始化1.将指定的值作为其元素2.使用arrayName=new Array(N)对象名对象名元素值列表元素值列表元素个数元素个数2424数组赋值数组赋值在创建数组时将元素的值直接赋给数组。在创建数组时将元素的值直接赋给数组。对数组的元素赋值。对数组的元素赋值。2525访问数组元素访问数组元素指定元素名指定元素名指定元素

12、的索引号指定元素的索引号empRyan Diasemp02626数组对象的元素和方法数组对象的元素和方法length属性属性sort方法方法join方法方法reverse方法方法 2727多维数组多维数组 2828条件语句条件语句if else语句语句switch语句语句if(condition)statements;else statements2;switch(expression)case value1:statements;break;case value2:statements;break;.default:statements;2929循环语句循环语句fordowhilewhile

13、breakcontinue3030函数函数预定义函数预定义函数eval 函数isNaN 函数用户自定义函数用户自定义函数创建用户定义的函数 调用函数return 语句语句function funcName(argument1,argument2,etc)statements;3131函数示例函数示例function hello()document.write(你好你好！);document.write(欢迎使用欢迎使用hello()函数函数);return;function sum_up(one,two)var result=one+two;return result;function sum

14、_all()var loop=0,sum=0;for(loop=arguments.length-1;loop=0;loop-)sum+=argumentsloop;return sum;hello();var total=sum_up(7,9);document.write(total+sum_up(8,15);document.write(+sum_all(1,5,8,7,6);3232总结总结JavaScript是一种脚本语言，使用它可以创建客户端脚本和是一种脚本语言，使用它可以创建客户端脚本和服务器端脚本。服务器端脚本。可以使用不同的方法将可以使用不同的方法将JavaScript语句插

15、入到语句插入到HTML文档中。文档中。JavaScript支持的基本数据类型有数字型、逻辑型或布尔型支持的基本数据类型有数字型、逻辑型或布尔型、字符串型、字符串型 和空型。和空型。JavaScript支持的运算符包括：算术运算符、比较运算符、支持的运算符包括：算术运算符、比较运算符、逻辑运算符、字符串运算符和求值运算符。逻辑运算符、字符串运算符和求值运算符。数组用于存储具有相同数据类型的一组值变量数组用于存储具有相同数据类型的一组值变量条件语句包括条件语句包括：if.else和和分支语句分支语句switch。循环语句包括循环语句包括for循环、循环、dowhile、while、break&continue语句语句。JavaScript具有一些预定义函数，也可以创建自定义函数。具有一些预定义函数，也可以创建自定义函数。3333