Ajax程序设计(第三讲)

发布时间：2024-11-08

1.1 Ajax 概述Ajax 全称是Asynchronous Javascript and XML, 异步Javascript 和XML。Ajax 应用程序的基本特点：1、由Javascript编写。2、程序异步执行。3、用XML来封装和传输的技术。

JavaScript程序设计 JavaScript程序设计第 3讲

主讲：王振主讲：烟台南山学院软件工程学院 1

第3讲 JavaScript语法基础讲语法基础2.1 JavaScript中词法结构 JavaScript中词法结构 2.1.1 大小写敏感 var name ≠ var Name 2.1.2 语句分隔符分号”;”作为语句分隔符作为语句分隔符. 分号”;”作为语句分隔符. JavaScript可以自动将换行符转换为分隔符 JavaScript可以自动将换行符转换为分隔符”;”, 可以自动将换行符转换为分隔符” 但是, 实际编程中不提倡使用. 但是, 实际编程中不提倡使用.

烟台南山学院软件工程学院

2.1.3 JavaScript保留字 JavaScript保留字 1(P69),只能使用不能改变的保留字; 只能使用, 表3-1(P69),只能使用,不能改变的保留字; JavaScript中的原始数据类型 2.2 JavaScript中的原始数据类型 2.2.1 数值型 JavaScript不区分整型与浮点型 JavaScript不区分整型与浮点型; 不区分整型与浮点型; 整型的表示范围: 整型的表示范围:-253-253; 浮点型表示范围: 浮点型表示范围: -1.7976931348623157×10308~-5×10-324; 1.7976931348623157× 1.7976931348623157× 1.7976931348623157×10308~5×10-324; ~5× 注意: 不要超过数的表示范围,否则将会变成(Infinity) 注意: 不要超过数的表示范围,否则将会变成(Infinity) 和(-Infinity); (1)科学记数法: 1.68E-10; (1)科学记数法 1.68E科学记数法: (2)八进制:以0(零)开头的0~7之间的数字; (2)八进制 0(零开头的0~7之间的数字八进制: 之间的数字; (3)十六进制:以0X或0x开头的0~F之间的数字; (3)十六进制 0X或0x开头的十六进制: 开头的0~F之间的数字之间的数字;烟台南山学院软件工程学院 3

Example2-1.html:数值型数据的简单描述 Example2-1.html:数值型数据的简单描述 2.2.2 字符型数据 1. 是由单引号(或双引号)括起的零个或多个字符(字母, 是由单引号(或双引号)括起的零个或多个字符(字母, 数字和标点)组成的. 数字和标点)组成的. EX: “ABC”, ‘字符串’ (√) ‘字符串字符串’ ‘document”, “window’ (×) (× 2. 字符串中嵌套引号: 字符串中嵌套引号: “这是一个’重点’问题” 这是一个’重点’问题” ‘认真学习”JavaScript”!’ 认真学习” 只要内外引号配对即可. 注:只要内外引号配对即可.

烟台南山学院软件工程学院

3. HTML标记字符串 HTML标记字符串 document.writeln(“<h1>HTML String</h1>”); Example2-2.html:字符型数据的表示 Example2-2.html:字符型数据的表示 2.2.3 布尔型只有true, false两个值两个值, 只有true, false两个值,一般作为条件表达式的运算结果; 结果; 很容易转换为其他数据类型:true转换为正数很容易转换为其他数据类型:true转换为正数1, 转换为正数1, false转换为 false转换为0. 转换为0. 2.3 函数注意: 与其他程序

设计语言不同的是, JavaScript的函注意: 与其他程序设计语言不同的是, JavaScript的函数也可以看作一个数据类型, 数也可以看作一个数据类型,因此具有数据类型应有的特性: 特性: 5 可以存储在变量, 数组或对象属性中,也可以作为数组或对象属性中, 可以存储在变量, 烟台南山学院软件工程学院

参数进行传递. 参数进行传递. 2.3.1 创建函数 JavaScript中创建函数有中创建函数有2 JavaScript中创建函数有2种. 使用function function关键字创建函数 1. 使用function关键字创建函数 //无参数无参数, //无参数,无返回值 function showInfomation(){ document.writeln(“Hello World!”); } //有参数,无返回值 //有参数有参数, function showMessage(message){ document.writeln(“Hello ”+message); } //有参数,有返回值 //有参数有参数, Function calculate(length, width){ 烟台南山学院软件工程学院 return length*width; }

函数定义的5个组成部分: 函数定义的5个组成部分: 关键字(function), :JavaScript创建函数的 (function),注关键字(function),注:JavaScript创建函数的关键字并不只有function一个; function一个关键字并不只有function一个; 函数名, 参数列表, 函数体, 返回值( 函数名, 参数列表, 函数体, 返回值(若没有明确的返回语句”return”,则会返回一个未定义的值则会返回一个未定义的值. 确的返回语句”return”,则会返回一个未定义的值. 2. 函数直接量创建函数 var welcome=function(name){document.writeln (“Hello “+name);} function创建函数一样只不过是省略了函数名. 创建函数一样, 注: 与function创建函数一样,只不过是省略了函数名. 2.3.2 函数调用格式: 函数名(); 格式: 函数名(); 说明: 说明: (1)被调函数必须是已经存在的函数; (1)被调函数必须是已经存在的函数被调函数必须是已经存在的函数; (2)有关函数调用中的几点说明: (2)有关函数调用中的几点说明有关函数调用中的几点说明:烟台南山学院软件工程学院 7

JavaScript中的参数无类型 JavaScript中的参数无类型; 中的参数无类型; JavaScript不会检查实参与形参的类型与个数是否 JavaScript不会检查实参与形参的类型与个数是否匹配. 若实际参数多于形式参数,则多余的将被忽略, 匹配. 若实际参数多于形式参数,则多余的将被忽略, 若实际参数少于形式参数, 若实际参数少于形式参数,则不足的由未定义类型的数值补齐. 值补齐. 2.3.3 作为数据类型的函数 Example2-3.html:作为变量的函数 Example2-3.html:作为变量的函数无论是将函数赋值给变量,还是数组元素, 注: 无论是将函数赋值给变量,还是数组元素,都是建立到该函数的引用. 到该函数的引用. 2.3.4 内置函数大都存在于预定义的对象中, String对象对象,Date 大都

存在于预定义的对象中,如String对象,Date 对象,Math对象 window对象 document对象对象, 对象, 对象. 对象,Math对象, window对象, document对象. 只有充分利用内置对象(函数) 只有充分利用内置对象(函数)才能开发出功能强大的程序. 大的程序.烟台南山学院软件工程学院 8

2.6.1 用Function构造函数创建函数 Function构造函数创建函数 var 函数名 = new Function([’参数1‘[,’参数2’,…]],’函 Function([’参数参数1‘[,’参数参数2’,…]],’函数体’); 数体’ var add = new Function(‘x’,’y’,’return x+y’); 2.6.2 函数的调用若函数只需调用一次，若函数只需调用一次，则可以使用匿名函数并立即调用。调用。 (function(a,b){return (a+b);})(1,2); 参数的传递函数调用时，函数调用时，传入的实际参数可以与形式参数不一此时，实际参数将被存入函数的arguments属性致，此时，实际参数将被存入函数的arguments属性 arguments属性类似数组用于保存实际参数，属性类似数组，中，arguments属性类似数组，用于保存实际参数，具有length属性，arguments[0]表示第一个参数，具有length属性，arguments[0]表示第一个参数，依属性表示第一个参数 9 烟台南山学院软件工程学院次类推。次类推。

arguments还有一名为 arguments还有一名为callee的属性，用于保存对还有一名为callee的属性的属性，当前函数的引用。当前函数的引用。可以通过此属性实现函数的递归调用。

烟台南山学院软件工程学院

2.4 对象属性+方法; 对象 = 属性+方法; 2.4.1 创建对象 (1) 用new关键字创建对象 new关键字创建对象 var objExample = new Object(); var objTime = new Date(); (2) 对象直接量创建对象 var student = { name: “Zhang”, age: “25”, gender: “male” } 2.4.2 操作对象的属性和方法对象. 对象.属性 = 值; //对属性赋值 //对属性赋值烟台南山学院软件工程学院对象. 函数名; //将属性指向函数 //将属性指向函数对象.属性 = 函数名;

方法调用,请看一个例子: 方法调用,请看一个例子: Example2Example2-4.html 2.5 数组数组与对象数组:以下标标识数据元素; 数组:以下标标识数据元素; 对象:以属性名标识数据元素. 对象:以属性名标识数据元素. 数组特性(与其他语言相比) 数组特性(与其他语言相比) 数组元素可以是不同的数据类型; 数组元素可以是不同的数据类型; 数组元素不存在越界问题. 数组元素不存在越界问题. 2.5.1 创建数组 //创建一空数组 //创建一空数组 var arrayExample = new Array(); //指定数组的前n个元素 //指定数组的前指定数组的前n var studentArray = 烟台南山学院软件工程学院 new Array(“Zhang”,”Li”);

//创建长度为10数组 //创建长度为数组

创建长度为10 var arrayExample = new Array(10); 注意与上一方法的区别, 注: 注意与上一方法的区别,若参数只有一个数值型数据,则创建由数值指定长度的数组, 型数据,则创建由数值指定长度的数组,而不是创建只包含一个数值元素的数组. 包含一个数值元素的数组. //数组直接量法创建指定数组的前n个元素 //数组直接量法创建指定数组的前n 数组直接量法创建指定数组的前 var arrayExample = [“Zhang”,”Li”,1]; 2.5.2 访问数组元素注: 无须关心访问的下标是否已经超越边界. 无须关心访问的下标是否已经超越边界. 1.添加元素 1.添加元素 studentArray[10]=“小白 studentArray[10]=“小白”; 小白” 2.读取元素 2.读取元素 document.writeln(studentArray[10]); 下标可以是数字,也可以是表达式, 下标可以是数字,也可以是表达式,甚至可以是另烟台南山学院软件工程学院一数组元素,只要是一个非负整数即可. 一数组元素,只要是一个非负整数即可.若访问的下标13

元素未赋值,则为undefined. 元素未赋值,则为undefined. 3.修改数组元素 3.修改数组元素 studnetArray[10]=“老李 studnetArray[10]=“老李”; 老李” 2.5.3 数组的属性长度属性:length, 值为数组的最大下标值+1;此属性可长度属性:length, 值为数组的最大下标值+1;此属性可读可写,但对其赋值应慎重! 读可写,但对其赋值应慎重! 若赋的值小于原来长度,则以后元素将被抛弃; 若赋的值小于原来长度,则以后元素将被抛弃; 若赋的值大于原长度,则增加未定的值填充; 若赋的值大于原长度,则增加未定的值填充; 2.5.4 数组的方法不同的浏览器支持不同的方法! 注: 不同的浏览器支持不同的方法! 1.join()方法 1.join()方法将数组元素转换成字符串,并拼接, 将数组元素转换成字符串,并拼接,再用指定的分隔符分隔,默认为” 隔符分隔,默认为”,”. Example2Example2-5.html.烟台南山学院软件工程学院 14

2. sort()方法 sort()方法按指定的方法(规则)对数组进行排序, 按指定的方法(规则)对数组进行排序,若不指定排序规则,则按字母顺序进行. 序规则,则按字母顺序进行. 排序规则是由排序函数作为参数传递给sort()方法实现的为参数传递给sort()方法实现的. 方法实现的. Example2Example2-6.html y-x<0:x排在y之前; x<0:x排在之前; 排在y y-x>0:y排在x之前; x>0:y排在之前; 排在x y-x=0:x,y排序相等. x=0:x,y排序相等排序相等. 3. toString() 将数组的每个元素转换成字符串, 将数组的每个元素转换成字符串,然后输出这些字符串的列表,字符串之间用逗号隔开, 字符串的列表,字符串之间用逗号隔开,与无参数的 join()方法等效 join()方法等效. 方法等效. 2.5.5 多维数组 JavaScript不技术真正意义上的多维数组， JavaScr

ipt不技术真正意义上的多维数组，但其数不技术真正意义上的多维数组 15 组元素还可以是数组，烟台南山学院软件工程学院组元素还可以是数组，可以通过将数组保存在数组中

来实现多维数组。来实现多维数组。多维数组的访问 arrayExample[m][n];//访问多维数组的第 arrayExample[m][n];//访问多维数组的第m行，访问多维数组的第m n-1列的元素。列的元素。多维数组的实现举例参见Example2参见Example2-6.html 2.6 特殊的数据类型 1. Null(数据类型) Null(数据类型) Null表示无值 Null表示无值; 表示无值; 唯一合法的值是null; 唯一合法的值是null; null除了表示 null除了表示Null的值以外，还表示其他对象类型无除了表示Null的值以外的值以外，效; 2. Undefined 表示变量不存在，或变量未被赋值; 表示变量不存在，或变量未被赋值; 16 烟台南山学院软件工程学院注意与null区别 null表示已经赋值区别，表示已经赋值，注意与null区别，null表示已经赋值，但赋的值为无

Ajax程序设计(第三讲).doc 将本文的Word文档下载到电脑

下载这篇word文档

上一篇：测量物体的密度实验报告

下一篇：2013三级澳门特别行政区建造师法规重点资料考试题库