6.3 JavaScript对象 课件 -2022-2023学年高一下学期（中职）《网页设计与制作》（高等教育出版社）

网页设计与制作 第06章_JavaScript脚本语言 6.3 JavaScript对象 6.3.1 对象的基础知识 1．什么是对象 对象是软件系统中用来描述客观事物的一个实体，一个对象是由若干属性（properties）和若干方法（methods）共同构成的，即对象是指一组属性（也称为成员变量）以及在这组属性上的专用操作（也称为成员方法或成员函数）的封装体。在JavaScript中，对象可以是一个字符串、一幅图片、一个表单、一个按钮甚至浏览器窗体等等。除了拥有属性和方法以外，对象通常还支持一定的事件（event）。 2 网页设计与制作 6.3 JavaScript对象 1．什么是对象 对象的属性通常是一些数据，用来反映该对象的某些特定性质或状态。例如字符串对象的length属性可用于获取该字符串的长度，文本框对象的value属性可用于读写文本框中的文本内容等。引用对象属性的格式通常为“对象名.属性名”。 3 网页设计与制作 6.3 JavaScript对象 1．什么是对象 对象的方法规定了对象的行为，表示该对象所能提供的功能或服务。例如字符串对象的substring()方法可用于截取该串中指定的子串，日期对象的getMonth()方法可用于获取该日期对象的月份值等。调用对象方法的格式通常为“对象名.方法名(实参列表)”。 4 网页设计与制作 6.3 JavaScript对象 1．什么是对象 对象的事件使得对象能够响应发生在该对象上的某些事情。例如表单对象在提交时会产生onSubmit事件，按钮对象在被鼠标点击时会产生onClick事件等。处理事件的格式通常为“事件名=事件处理程序”，其中的“事件处理程序”可以是一个指定的函数或者一段代码，当该事件发生时，将自动执行这个函数或这段代码。 5 网页设计与制作 6.3 JavaScript对象 2．自定义对象 虽然JavaScript提供的内置对象和浏览器提供的DOM对象的功能已经相当强大了，但JavaScript还是允许设计人员根据自身需求来定义新对象，从而完成更有针对性、更复杂的工作。function、this、new是对象定义和创建过程中主要用到的几个关键字。其中function用于自定义对象，this用于指代当前对象，new用于创建对象实例。 //下面定义了一个名为MyObject的对象，其参数列表对应在创建对象实例时传入的初始化数据 function MyObject(参数列表){ //属性定义 this.prop1=Properties1; this.prop2 =Properties2; … //方法定义 this.meth1=Function1; this.meth2=Function2; … } 请阅读例6.11代码。 6 网页设计与制作 6.3 JavaScript对象 6.3.2 JavaScript常用内置对象 通常来说，面向对象语言都会提供很多功能强大的内置类或内置对象供程序员使用。JavaScript同样也内置了一些具备常用功能的对象，称作JavaScript核心对象。例如String、Array、Date、Math、Boolean、Number、Global等。 7 网页设计与制作 6.3 JavaScript对象 1．Global对象 Global对象被称为全局对象，它从不现形，也不允许创建对象实例，可以看作是虚拟出来的一个对象。在引用Global对象的属性xxx或方法xxx时，不能使用“Global.xxx”的形式，而应直接用“xxx”的形式。 8 网页设计与制作 6.3 JavaScript对象 属性或方法 格式 说明 属性 Infinity 代表正无穷大的数值 undefined 指示未定义的值 方法 eval() 计算参数字符串，并把它作为标准语句或表达式来执行 isFinite() 检查参数值是否是有穷大的数 isNaN() 检查参数是否是数字。不是数字则返回true，是数字则返回false parseFloat() 将参数转换为浮点数 parseInt() 将参数转换为整数 9 网页设计与制作 表6.1 Global对象的常用属性和方法 6.3 JavaScript对象 2．String对象 String对象是专门用于处理字符串的内置对象，所以必须在创建了String对象实例之后才能访问String对象的属性或调用String对象的方法。创建String对象实例的方法主要有两种。 （1）通过new运算符来创建。例如 var str=new String("hello"); （2）通过声明字符串变量来创建。例如 var str="hello"; 使用上述两种方法均可创建出一个Str