HTML5+CSS3+JavaScript+Bootstrap网站开发实用技术（第3版）课件 第6章 实现用户与页面的交互 -—JavaScript的对象与事件.pptx

JavaScript对象概述1JavaScript内置对象2浏览器对象3HTMLDOM对象4事件和事件处理5常见事件和事件对象6第6章实现用户与页面的交互-—JavaScript的对象与事件事件示例7应用案例8

6.1JavaScript对象概述6.1.1对象1.对象的概念客观世界的特定实体的描述。在计算机世界中，不仅存在来自于客观世界的对象，也包含为解决问题而引入的抽象对象。2.对象的属性和方法属性是用来描述对象静态特性的一组数据，用变量表示。方法是用来描述对象的动态特征或操作对象的若干动作，用函数描述。

6.1JavaScript对象概述6.1.2对象的引用使用点（.）运算符引用对象的属性和对象的方法1．对象属性的引用objectName.properties=value;2．对象方法的引用objectName.methodName()；例：student.hello();

6.1JavaScript对象概述6.1.3对象的操作1．for…in语句for（propretiesNameinobjectName）{ statements;}demo0601.html2.with语句with（objectName）{statements;}demo0602.html

6.1JavaScript对象概述6.1.3对象的操作3.this关键词this是指对当前对象的引用。4.new运算符objectName=newObject([parameter1，parameter2，……])例：today=newDate();stu=newstudent(,”王刚”,21);

6.1JavaScript对象概述6.1.4JavaScript的对象类型内置对象，指JavaScript语言提供的对象String、Array、Math、Date等。浏览器对象，浏览器根据系统配置和所装载的页面，提供了访问、控制、修改浏览器的方法。Window对象、Navigator对象、Screen对象、Location对象等。

6.1JavaScript对象概述6.1.4JavaScript的对象类型HTMLDOM对象，定义了访问和处理HTML文档的标准方法，主要功能是实现访问、检索、修改HTML文档的内容与结构。forms、images、links和anchors等集合对象。自定义对象，指程序员根据需要而定义的对象。

6.2JavaScript内置对象6.2.1String对象String字符串对象是用单引号或双引号括起来的一串字符序列。字符串对象的创建可以使用new运算符来创建，也可直接将字符串赋值给变量的方式来创建。str=Thisisanewstring.str=newString(Thisisanewstring.)

6.2JavaScript内置对象2.字符串对象的属性String对象只有一个length属性，表示字符串中字符的数目;字符串的每个汉字，被计数为一个字符。vara=我爱我家;varb=Ilovehome;document.write(a.length);document.write(“br”);document.write(b.length);

6.2JavaScript内置对象3.字符串对象的常用方法String对象常用方法 demo0603.html方法说明toLowerCase()将字符串中的所有字母都转换为小写字母toUpperCase()将字符串中的所有字母都转换为大写字母toString()将对象转换成字符串charAt(index)返回String对象的指定index位置的字符表6-1String对象常用方法

方法说明indexOf(subString[,startIndex])返回String对象内第一次出现子字符串subString的字符位置。如果未找到子字符串，则返回-1。substr(start,[length])返回一个从指定位置start开始，并具有指定length长度的子字符串。concat(string)返回位于String对象中的从位置start开始到位置end结束的子字符串。replace(string1,string2)在String对象中找到的字符串string1替换成字符串string2的内容，返回替换后的字符串split(string)返回Array对象，使用参数string作为分割符将String对象分割，将分割后的字符串存储到一个Array对象中

6.2JavaScript内置对象6.2.2Array对象1.数组的概