网页制作案例教程-清华大学出版社-第11章-JavaScript网页应用讲述.ppt

本章学习导航 JavaScript是制作网页动态效果的基本应用，在网站开发中，尤其是用户注册、用户登录、表单验证、网页滚动广告、网页特效等方面，都离不开JavaScript脚本语言的使用，因此，掌握JavaScript常用的对象、常用事件及其处理方法，是快速开发网页动态功能，必不可少的技能。 本章内容在全书知识结构中所处位置如图所示 11.1 Javascript对象 11.1.1 对象的基本概念 1、什么是对象 对象用于描述客观世界存在的特定实体。 2、对象的属性和方法 对象就是属性和方法的集合。属性是作为对象成员的一组变量，表明对象的状态。 方法是作为对象成员的函数表明对象所具有的行为， 通过访问或设置对象的属性，并且调用对象的方法，就可以对对象进行各种操作，从而获得需要的功能。 3、JavaScript对象 JavaScript中的对象同样也是由属性（properties）和方法（methods）两个基本的元素的构成的。 用来描述对象特性的一组数据，也就是若干个变量，称为属性； 用来操作对象特性的若干个动作，也就是若干函数，称为方法。 JavaScript的对象也是一种特殊的数据类型，它不仅可以保存一组不同类型的数据（称做“对象的属性”），而且还可以包含有关“处理”这些数据的函数（称做“对象的方法”） 11.1.2 JavaScript对象类型和使用 1、JavaScript对象类型 JavaScript对象的类型分为四种： JavaScript 本地对象和内置对象 Browser 对象（BOM） HTML DOM 对象 自定义对象 在JavaScript中，常用的内置对象有：数组对象(Array)、字符串对象(String)、数学对象(Math)、日期(Date)对象等。 Browser 对象（BOM）包括：Window对象、Navigator对象、Screen对象、History对象、Location对象。 HTML DOM 对象包括：Document对象、Event对象、Anchor对象、Form对象、Frame对象、Link对象、Table对象等。 2、对象的使用 1）引用对象的途径 （1)创建新对象。 （2)JavaScript内部核心对象 （3)由浏览器环境中提供 创建新对象格式： 对象实例名=new 对象名(参数表); 2）有关对象操作语句 （1）for...in语句 （2）with语句 （3）this关键词 （4）new运算符 3、对象的属性 对象属性的引用有三种方式 （1）使用点（．）运算符 属性的使用格式为：对象名.属性名 = 属性值; （２）通过对象的下标实现引用 如：university[0]=“安徽省” （３）通过字符串的形式实现 如：university[Province]=“安徽省” 4、对象的方法 JavaScript的方法是函数。如Window对象的关闭（Close）方法、打开（Open）方法等。 方法只能在代码中使用，其用法依赖于方法所需的参数个数以及它是否具有返回值。 在JavaScript中，对象方法的引用非常简单。只需在对象名和方法之间用点分隔就可指明该对象的某一种方法，并加以引用。其格式为： 对象名.方法() 5、 对象的事件 事件就是对象上所发生的事情。 事件是预先定义好的、能够被对象识别的动作，如单击（Click）事件、双击（DblClick）事件、装载（Load）事件、鼠标移动（MouseMove）事件等，不同的对象能够识别不同的事件。通过事件，可以调用对象的方法，以产生不同的执行动作。 11.1.3 JavaScript内置对象 1、数组对象(Array) 1）什么是数组 一个数组可以包含多个数组元素。数组中数组元素的个数称为数组长度。 2）创建和访问数组 一个数组元素由数组名、一对方括号[ ]和这对括号中的下标组合起来表示 3）数组对象的定义方法 数组对象的定义有三种方法： var 数组对象名=new Array(); var 数组对象名=new Array(数组元素个数); var 数组对象名=new Array(第1个数组元素的值, 第2个数组元素的值, ...); 4）for…in语句处理数组 for…in的格式是： for(变量 in 数组) 循环体语句; 2、字符串对象(String) 1）字符串对象的定义方法 其格式为： 字符串变量名 = 字符串; 字符串变量名 = new String(字符串); 2）字符串