HTML5+CSS3+JavaScript网页设计基础与实战（微课版）（下篇，共上中下3篇）.pptxVIP

第7章JavaScript基础应用7.1JavaScript基础语法7.2DOM基础操作7.3实现定时器7.4使用数组

熟悉JavaScript基础语法了解定时器的使用掌握DOM基本操作掌握JavaScript的基础应用

引言JavaScript在网页开发中的应用是十分广泛的，网页中的许多动态功能都可以通过JavaScript来实现，为用户呈现出简洁美观的网页效果，极大地提升了用户的浏览体验感。

7.1JavaScript基础语法创建对象案例—选取图书列表DOM获取元素节点JavaScript函数流程控制

7.1JavaScript基础语法JavaScript是一个无序集合，所有事物都是对象，比如字符串、数值、数组、函数等。每个对象带有属性和方法。对象的属性反映事物的特征，比如年龄、身高等。对象的方法反映事物的行为，比如吃饭、睡觉等。对象有4种创建方式，分别为字面量方式创建对象、newObject()创建对象、工厂函数创建对象和自定义构造函数创建对象。7.1.1创建对象

7.1JavaScript基础语法7.1.1创建对象字面量创建对象是一种简便的方式，具体用法如下所示。varstudent={name:张三,age:15,play:function(){console.log(篮球，排球，足球);}}值得注意的是，以字面量的方式创建对象，属性名和属性值（键值对）之间用冒号（:）进行分隔，而属性与属性之间用逗号（,）进行分隔，最后一个属性末尾不需要逗号。

7.1JavaScript基础语法7.1.1创建对象newObject()方式创建对象，先通过object构造器new一个对象，再往里丰富成员信息，具体用法如下所示。varstudent=newObject();=张三;student.age=15;student.play=function(){console.log(篮球，排球，足球);}字面量和newObject()这2种方式创建的的对象本质上没有任何区别，都是在内存中创建出一个对象，并能够绑定属性和方法。它们的不足之处是，每创建一个对象，属性和方法都需要重新绑定一份，会产生大量重复的代码。

7.1JavaScript基础语法7.1.1创建对象工厂函数方式创建对象是使用函数来创建对象，类似于一个“工厂模式”，可以大批量地创建同种类型的对象，具体用法如下所示。functioncreateStudent(name,age){varstudent=newObject();=nane;student.age=age;student.play=function(){console.log(篮球，排球，足球);工厂函数方式虽然解决了重复实例化多个对象的问题，同时减少重复代码率，但没有解决对象识别的问题，导致对象类型不明确。}returnstudent;}varstu1=createStudent(张三,15);varstu2=createStudent(李四,16);stu1.play();

7.1JavaScript基础语法7.1.1创建对象自定义构造函数方式是通过给构造函数传递不同的参数，然后调用构造函数来创建不同对象，具体用法如下所示。functionStudent(name,age){=name;this.age=age;任何函数，只要通过new操作符来调用，它就可以作为构造函数；如果不用new操作符来调用，它就是一个普通函数的调用。构造函数是一种特殊的函数，主要用来初始化对象，即为对象成员变量赋初始值，构造函数要和new操作符一同使用才有意义。构造函数是用于创建一类对象，与普通函数进行区分，首字母需要大写。this.play=function(){console.log(篮球，排球，足球);}}varstu1=createStudent(张三,15);

7.1JavaScript基础语法7.1.1创建对象new操作符的4个作用说明如下。开辟内存空间，存储新创建的对象。new操作符会让this指向这个新的对象执行构造函数为新对象添加属性和方法new操作符会返回新创建的对象。

7.1JavaScript基础语法7.1.1创建对象构造函数中this的4个特点说明如下。在定义函数的时候this是不确定的，只有在调用的时候才能明确其指向。一般函数直接执行，内部this指向全局window对象。函数作为一个对象的方法，被该对象所调用，那么this指向的是该对象。构造函数中的this其