Ajax编程技术第二部分JavaScript相关要点.pptVIP

Ajax编程技术第二章 JavaScript相关要点 2.1 JavaScript核心 编程要点 JavaScript区分大小写； 分号可选； 让代码自动换行，一条语句中不能有硬回车； 多添加注释。 2.1 JavaScript核心 原始数据类型 数值型； 字符串型； 布尔型； 未定型：申明了一个变量而没赋值时，为未定型，它只有一个值：undefined; Null型：没有申明的变量为Null型，它也只有一个值：null 引用数据类型。 2.1 JavaScript核心 引用数据类型 引用数据类型包含指向内存中存放数据的位置的引用，而不是直接指向数据本身。JavaScript中，Object类型，例如Array和Function，就是引用数据类型。 如果对函数参数代以引用型物参，那么在函数内修改物参变量值，就会改变它所指向的原始数据。即使改变发生在函数内，数据也会在整个范围内发生变化。 2.1 JavaScript核心 运算符 注意两个比较运算符：===和!==。 ===：等于且类型相同； !==：不等于或类型不同。 2.2 面向对象的JavaScript JavaScript有4种不同类型的对象： 内置对象，如Date,Math； 浏览器对象，如window,navigator,history； 文档对象，如image,forms,links； 用户自定义对象 2.2 面向对象的JavaScript 内置对象 通过使用 new 关键字和对象构造函数，来创建该对象的新实例： new myArray = new Array(); // 创建了一个Array对象的新实例 可以通过“.”来访问对象实例的任一属性和方法： myArray.reverse(); myArray.length; 2.2 面向对象的JavaScript 浏览器对象 浏览器对象(BOM)是一组用来与浏览器窗口进行交互的对象。包括： window对象，BOM的顶层对象，用于移动窗口、调整窗口尺寸； history对象，用于跟踪用户访问过的每个页面； location对象，用于跳转至新页面； navigator对象，包含浏览器名称、版本信息； screen对象，提供显示特性； document对象，它即属于浏览器对象模型，又属于文档对象模型。 2.2 面向对象的JavaScript 用户自定义对象 构造函数 使用Object构造函数创建新的用户自定义对象： var member = new Object(); // 定义一个新对象 然后为该对象添加属性： = “zhangsan”; member.age = 19; 为该对象添加方法： myObj.show=function() { document.wirte ( I am +myO+ ”, My age is “+myObj.age); }; //注意：本例中的函数是匿名的，且定义以分号结尾 调用此对象的方法的方法： member.show(); 2.2 面向对象的JavaScript 一般情况下，需要创建对象的多个实例，这样就可以拥有具有相同属性和方法、但属性取值不同的多个对象。可以这样创建： 创建对象： function myObj(name,age) { = name; //this 指针始终指向当前对象 this.age = age; this.show = function() { document.write(“I am “+name+”, my age is “+age} } 创建对象的实例： var myObj1 = new myObj(“zhangsan”,19); var myObj2 = new myObj(“lisi”,20); 为实例添加原始对象中没有的新属性： myObj2.sex = “male”; 调用方法： myObj1.show(); myObj2.show(); alert(myObj2.sex); 完整程序见下页 2.2 面向对象的JavaScript html head script type=text/javascript function myObj(name,age) { = name; this.age = age; this.show = function() { document.write(I am +name+, my age is +age+BR); } } /script /head body script type=text/javascript var myObj1 = new myObj(zhan