JAVASCRIPT语法基础.ppt_第1页
JAVASCRIPT语法基础.ppt_第2页
JAVASCRIPT语法基础.ppt_第3页
JAVASCRIPT语法基础.ppt_第4页
JAVASCRIPT语法基础.ppt_第5页
已阅读5页,还剩28页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

JavaScript 语法基础,2,回 顾,了解 DHTML 样式表 什么是样式表 为什么要使用样式表 样式表的语法规则 创建并使用样式表,3,目标,理解什么是JavaScript 理解JavaScript的语法基础,4,什么是JavaScript,JavaScript是一种基于对象的脚本语言,用于开发基于客户端和基于服务器的Internet应用程序 可用于创建客户端脚本和服务器端脚本 由Sun Microsystems 和 Netscape 开发,是从 Netscapes 的 Livescript 发展而来的,5,JavaScript的作用和基本语法规则,使用 JavaScript 的各种功能,可以增强站点的动态性和交互性。 提供用户交互 动态更改内容 验证数据 与其他任何语言一样,JavaScript 也遵循一些基本的语法规则,如: 区分大小写 使用成对的符号 使用空格 使用注释,6,JavaScript 工具和运行时环境,JavaScript 代码生成工具和 IDE 有助于创建功能强大的 JavaScript 代码。以下是其中一些工具: 对话框 弹出菜单生成器 远程控件 运行时环境 客户端脚本编写 Web 服务器上的 JavaScript,7,JavaScript作为客户端程序嵌入网页,使用Script标记 使用外部文件 在事件处理程序中使用JavaScript,8,使用Script标记示例, 祝学有所成! ,9,使用外部文件示例, 祝学有所成! ,document.write(“嗨!你好吗?“),test.js,10,在事件处理程序中使用JavaScript示例, JavaScript示例 ,11,使用Alert/Confirm/Write方法,使用窗口的Alert方法,可以生成一个对话框 使用窗口的Confirm方法,可以生成一个确认对话框 使用document的Write方法可以创建页面内容,12,变 量,变量是一种引用内存位置的容器,用于保存在执行脚本时可以更改的值 变量的命令约定 变量名必须以字母或下划线 (_) 开头 变量名可以包含数字 由于JavaScript区分大小写,所以可用的字母包括A到Z(大写)和a到z(小写)的字符,13,声明变量,var new_amount; var answer = null; var old_cost = 12.50; var result =“Unknown result“; var a, b, c; result = true;,14,变量的作用域,15,数据类型,在JavaScript中有四种基本的数据类型 基本类型属于弱类型,16,运算符,算术运算符 比较运算符 逻辑运算符 字符串运算符 求值运算符,17,算术运算符,18,比较运算符,19,逻辑运算符,20,字符串运算符,x = “yellow“; y = “green“; z = x + y + “white“; 则z为yellowgreenwhite w = y + 9; 则w为green9,21,求值运算符,通常这些运算符包括: 条件运算符: (condition) ? trueVal : falseVal typeof 运算符 typeof 运算符返回字符串,该字符串代表操作数的类型,var x = 5; document.write(typeof(x);,status = (age = 18) ? “adult“ : “minor“,22,表达式,表达式用于在不同上下文中操作和计算变量。 表达式是任意一组有效的文字、变量和运算符,其计算结果为一个值。 表达式类型 算术:计算结果为一个数字 逻辑:计算结果为一个布尔值 字符串:计算结果为一个字符串 表达式通过运算符组合变量和文字,23,数 组,数组用于存储具有相同数据类型的一组值,使用下标(索引)来区分各个值。 在JavaScript中,数组的下标以零开始。 JavaScript没有明确的数组数据类型,但却有内置的数组对象。要在程序中使用数组,必须使用数组对象及其相关联的方法。,24,创建数组,语法: arrayObjectName = new Array(element0, element1, ., elementN) 初始化 1.将指定的值作为其元素 2.使用arrayName = new Array(N),对象名,元素值列表,25,数组赋值,在创建数组时将元素的值直接赋给数组。 对数组的元素赋值。,26,访问数组元素,指定元素名 指定元素的索引号,emp“Ryan Dias“ emp0,27,数组对象的元素和方法,length属性 sort方法 join方法 reverse方法,28,多维数组,29,条件语句,if else语句 switch语句,if (condition) statements; else statements2; ,switch (expression) case value1: statements; break; case value2: statements; break; . default :statements; ,30,循环语句,for dowhile while break continue,31,函 数,预定义函数 eval 函数 isNaN 函数 用户自定义函数 创建用户定义的函数 调用函数 return 语句,function funcName(argument1,argument2,etc) statements; ,32,函数示例, function hello( ) document.write (你好!); document.write (欢迎使用hello( )函数); return; function sum_up ( one, two) var result = one + two; return result; function sum_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) ); ,33,总 结,JavaScript是一种脚本语言,使用它可以创建客户端脚本和服务器端脚本。 可以使用不同的方法将JavaScript语句插入到HTML文档中。 JavaScript支持的基本数据类型有数字型、逻辑型或布尔型 、字符串型 和空型。 JavaScript支持的运算符包括:算术运算符、比较运

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论