html+css网页设计指南 6课件.pptVIP

第14章 JavaScript入门 将JavaScript引入HTML的目的在于实现客户与浏览器的动态交互。在上章中我们已经初步体验了其效果。JavaScript是基于对象的脚本语言，即所有的编程均以对象为出发点。把JavaScript中的元素划分给大大小小的对象，对象中仍然包含对象。比如，在描述银行系统时，银行员工具有名字、职位、考核成绩等属性，同时还必须包括员工可以执行的存款、核算、打印单据等操作，在设计网页时，要访问每一个员工的属性和操作该怎么实现呢？本章将详细阐述这些。 本章的主要知识点有： 对象的概念、DOM是什么。 JavaScript中的一个重要数据结构——数组。 JavaScript中常用的内部对象。 window对象的属性、方法和事件。 document对象的属性、方法和事件。 一个JavaScript实现的动态页面。 14.1 了解一下何为“对象” “对象”这个词相信都不陌生，在很多计算机语言都有这个概念，所以才称这些编程语言为面向对象的，表示这是一类事物。在生活中，如果你是一个销售商，你把你的产品卖给您的客户，那么你的客户就是你的销售对象，其实这与编程语言中的“对象”颇有相似性。JavaScript中的对象指的是指JavaScript这门语言所服务的一类事物。 14.1.1 JavaScript对象概述 JavaScript中的对象与面向对象编程语言中的类的概念相似，是对一类事物的描述。但是与面向对象的编程语言不同的是，JavaScript对象没有抽象、继承、重载等功能。JavaScript中的对象一般包括属性和方法两个基本元素。 对象的属性是反映对象某些特定性质的，是信息的装载单位，可以理解为变量。例如：窗口的大小、文字的颜色等。而对象的方法是表示对对象可以执行的操作，这些操作能够按照设计者的意图被执行，可以理解为函数。例如：提交表单、鼠标单击的处理函数等。 对象是一个抽象的概念，将其具体化之后就是对象实例，也就是说对象与对象实例是一般与具体的关系。例如：“汽车”表示一类有发动机、四轮的事物，是一个对象，而“奥迪A6”表示一种特定型号的汽车，是一个对象实例。 那么对象和对象实例是怎么联系的呢？答案是构造函数。构造函数是用来创建对象实例的函数。在定义对象时可以自己定义构造函数，如果没有定义的解释器会默认的定义一个构造函数。如以下这个例子。 var objectInstance=new objectName([参数列表]) ; 14.1.2 DOM介绍 在JavaScript中许多对象，设计者通过怎样的方式来组织这些对象呢？这就需要了解一个新概念——DOM。 DOM（Document Object Model），文档对象模型，它是W3C的标准。它的功能是把浏览器支持的文档（包括HTML, XML, XHTML）当作一个对象来解析。DOM实际上是一个操作文档里面所包含的内容的一个编程的API，允许开发人员从文档中读取、有哪些信誉好的足球投注网站、修改、增加和删除数据。 说明：DOM是与平台和语言无关的，就是说只要是支持DOM的平台和编程语言，都可以用来编写文档。 DOM里面有专门的HTML和XML的对象模型。用它们来操作文档元素非常方便。DOM可以视为一种API的应用。也就是说，将文件视为一个文件对象，通过程序语言调用DOM对象，来对该文件的某些特定数据进行访问操作。并且利用程序将获取的对象数据做更进一步的应用。可以利用DOM方法和属性去通过语言如（VBScript、JavaScript、ASP）操作XML文件。 14.2 JavaScript中的数组 JavaScript中数组是最常用的数据结构之一，是用一个变量来存储一组数据，是一组数据的集合。每个数据是数组的一个元素，每一个数据都有相应的索引，因为数组是严格有序的。索引号以0开始，直到数组的length-1。为了存取数组中的任意一个元素，需要采用“数组名[索引号]”的形式。与其他编程语言不同的是，同一个JavaScript数组的元素可以是不同的数据类型。 JavaScript的数组属于核心语言对象，而不是文档对象模型。JavaScript的数组大小不要求确定。将数据收集到数组中可简化数据管理。例如，通过使用数组，方法只使用一个参数就可以将一组名称传递给函数。 14.2.1 定义数组和操作数组 JavaScript中的数组定义方法一般来说有3种：一种是匿名的方式；一种是通过new Array()；另一种是在定义时直接赋值。 （1）匿名方式定义的格式是： var arrA=[]; （2）通过new Array()定义的格式是： var arrA=new Array(); （3）定义时直接赋值的写法是： arrA=[2000,2004,2008]; 14.2.2 多