第10章 JavaScript核心对象.ppt.Convertor.docVIP

第10章 JavaScript核心对象 认识JavaScript对象 JavaScript内置对象 浏览器对象模型 文档对象模型 本章主要内容： 《网页设计制作基础与上机指导——HTML+CSS+JavaScript》 清华大学出版社 10.1认识JavaScript对象 JavaScript是一种基于对象和事件驱动的脚本语言，这里说JavaScript是“基于”对象的语言，而不说是“面向”对象的语言，原因在于JavaScript没有提供抽象、继承、重载等有关面向对象语言的相关功能，而是把其它语言所创建的复杂对象统一起来，从而形成一个非常强大的对象系统。虽然JavaScript语言是基于对象的，但它还是具有一些面向对象的基本特征，可以根据需要创建自己的对象，从而进一步扩大JavaScript的应用范围，增强编写功能。 10.1.1什么是JavaScript对象 对象在JavaScript中是一种特殊的数据，每个对象都有它自己的属性、方法和事件，属性是反映该对象的某些特征，如字符串的长度、图像的宽度、文字框里的文字等；方法则反映该对象可以完成的一些功能，如表单的“提交”、窗口的“滚动”等；而对象的事件则是指能响应发生在对象上的事情，如提交表单产生的“提交事件”，单击链接产生的“单击事件”等。但并不所有的对象都具有以上3个性质的，有些可能没有事件，有些可能只有属性，要根据具体的对象而定。 引用对象的任何一种“性质”，都是使用“对象名.性质名”的格式，如对于字符串变量，可以使用length属性取得它的长度，其书写方式如下： var txt=”Welcome to China！”document.write(txt.length); 10.1.2 JavaScript对象的分类 根据对象的作用范围，JavaScript主要提供了两大类对象。 （1）基本内置对象：内置对象简单来说就是JavaScript定义的类，主要包括数组对象（Array）、逻辑对象（Boolean）、日期对象（Date）、数学对象（Math）、数值对象（Number）、字符串对象（String）、正则表达式对象（RegExp）等。 （2）宿主对象：指浏览器对象模型（BOM）和文档对象模型（DOM）中的对象，其中BOM包括Window对象、Navigator对象、Screen对象、History对象、Location对象等。DOM则包括Document对象、Anchor对象、Area对象、Base对象、Body对象、Button对象、Form对象、Frame对象、Image对象、Object对象、Option对象、Select对象、Table对象、Textarea对象等。 10.2 内置对象 JavaScript提供了一些非常有用的常用内置对象供程序使用，例如和系统日期有关的操作可使用日期对象，而和字符有关操作可使用字符串对象，这些功能用户不需要用脚本来实现，这也正是基于对象编程的真正目的。 10.2.1 字符串对象 字符串在程序中使用非常普遍，它有两种形式，即基本数据类型和对象实例形式，对象实例形式即String对象实例。声明一个字符串对象最简单、常用的方法就是直接赋值，也可以采用对象实例的形式，创建这两种形式的字符串对象的方法如下： var str1=”Hello World!”; var str2=new String(“Hello World!”); 10.2.1 字符串对象 1．String对象的属性 字符串对象的属性只有两个，第一个是length属性，用于获取对象中字符的个数，返回一个整型值。第二个属性是prototype，这个属性几乎每个对象都有，用于扩展对象的属性和方法，在一般的网页编程中，该属性的使用机会不是很多。 2．String对象的方法 String 类定义了大量操作字符串的方法，主要用于有关字符串在Web页面中的显示、字体大小、字体颜色、字符的搜索以及字符的大小写转换等。 10.2.2 数组对象 1．创建数组 数组是一种特殊的对象类型，其作用是使用单独的变量名来存储一系列的值。所以创建一个新的数组就类似于创建一个对象实例。可通过new运算符和相应的数组构造函数Array()来完成数组的创建。 2．数组的访问 数组可通过指定的数组名以及下标来访问某个特定的元素。如： document.myarray(myarray[0]) 表示输出数组myarray的第一个元素。 10.2.2 数组对象 3．数组的方法 数组作为程序中常用的数据类型，JavaScript提供了很多方法，使用这些方法可以更加灵活的操作数组，常用的数组方法如下： （1）join()方法：该方法是使用指定的间隔符将数组中的元素进行拼接，然后以字符串的形式返回给程序。 （2