《网页设计与制作（HTML+CSS+JavaScript）》课件_CORE-10.pptVIP

思考作业什么是DOM模型？JavaScript内置函数有哪些？思考题如何在页面中同时显示当前的日期和时间？学员回顾对象元素的访问。DOM模型。内置对象。更多信息列出可扩展内容…列出参考资源（附件、书籍、文章、网址等）。请求学员反馈、回答问题。作业问题讲解…作业与预习作业…预习…回顾安排…实验安排…第十章对象化编程目标理解对象的概念。对时间、文字、图像属性的应用。掌握基本对象的应用和自定义对象。掌握Document对象和window对象的属性、方法。概述、专业术语本章介绍JavaScript中的对象：如何自定义对象，对象的引用，对象的属性和方法的引用，数组的使用。JavaScript中最常用的内置对象，它们是时间、文字、图像、Math等等术语词汇表定义在此章节中使用的术语自定义对象JavaScript对象的生成1）JavaScript的核心对象：包括同基本数据类型相关的对象，例如：String、Number等；以及其他能简化JavaScript操作的对象，例如Math、Date对象。JavaScript核心对象见右表核心对象说明Array提供一个数组模型，用来储存大量地址连续类型相同或相似的数据，将同类的数据组织在一起进行相关操作Boolean对应于原始逻辑数据类型，其所有的属性和方法继承自Object对象。值为真表示true，值为假表示falseDate提供了操作日期和时间的方法，可以表示从微秒到年的所有时间和日期。使用Date读取日期和时间时，其结果依赖于客户端的时钟Function提供构造新函数的模板，JavaScript中构造的函数是Function对象的一个实例，通过函数名实现对该对象的引用Math内置的Math对象可以用来处理各种数学运算，且定义了一些常用的常数。如：PI表示圆周率的值。各种运算被定义为Math对象的内置方法，可直接调用Number对应于原始数据类型的内置对象，对象的实例返回某数值类型Object包含所有JavaScript对象所共享的基本功能，并提供生成其他对象如Boolean等对象的模板和基本操作方法String和原始的字符串类型相对应，包含多种方法实现字符串操作。如：字符串检查、抽取字符串、连接字符串等自定义对象2）浏览器对象：它覆盖的范围非常广泛，包括了被绝大多数浏览器所支持的对象，如用于控制浏览器窗口和用户交互界面的window对象。3）自定义对象：是用户为实现个性化的需要，自己定义的对象。和其他对象一样，我们可以自己定义对象的属性、方法和事件。4）文本对象：顾名思义就是文本域构成的对象。它在DOM中定义，同时被赋予了很多特殊的方法，如：InsertData()、AppendData()等。自定义对象对象的构成JavaScript中的对象由属性和方法两个基本的元素构成。对象的使用和创建JavaScript提供了几个操作对象的语句、关键字及运算符。(1)for…in语句(2)with语句(3)this关键字(4)new运算符自定义对象(1)使用点(.)运算符university.Name=云南省;university.City=昆明市;(2)通过对象的下标实现引用university[0]=云南省;university[1]=昆明市;functionshowuniversity(object)for(varj=0;j2;j++)document.write(object[j]);(3)通过字符串的形式实现university[Name]=云南省;university[City]=昆明市;2.对象方法的引用objectName.methods()methods()方法实质上是一个函数。如引用university对象中的showmy()方法，则可使用：document.write(university.showmy());with(Math){document.write(cos(35));document.write(cos(80));}自定义对象JavaScript中的数组1.数组（Array）对象在JavaScript中，数组是一种特殊的变量，它可以一次保存多个值。2.创建数组实例varmyStudent=newArray();myStudent[0]=张三;myStudent[1]=李四;myStudent[2]=王五;自定义对