NO.60 DOM、自定义对象

一.增删节点

代码演示:

NO.60 DOM、自定义对象_第1张图片

效果:

NO.60 DOM、自定义对象_第2张图片

二.省市联动菜单

NO.60 DOM、自定义对象_第3张图片

代码示例:

NO.60 DOM、自定义对象_第4张图片

效果:

NO.60 DOM、自定义对象_第5张图片

三.加入购物车

NO.60 DOM、自定义对象_第6张图片

代码示例:

NO.60 DOM、自定义对象_第7张图片

四."+"(增加数量),"-"(减少数量),"x"(删除该商品)以及总计的定义实现

NO.60 DOM、自定义对象_第8张图片

代码示例:

NO.60 DOM、自定义对象_第9张图片

效果:

NO.60 DOM、自定义对象_第10张图片

五.自定义对象

1.直接量(JSON)

{"name":"zhangsan","age":25}

{}代表一个对象,内部包含多组键值对

其中key一般是字符串,而value可以是任意类型的数据

2.构造器(首字母大写的函数)

1)内置构造器

特定:Array,Date,RegExp,String

通用:Object

2)自定义构造器

声明一个首字母大写的函数,明确声明需要调用者传入的参数

代码演示:

NO.60 DOM、自定义对象_第11张图片

效果:

NO.60 DOM、自定义对象_第12张图片

你可能感兴趣的:(NO.60 DOM、自定义对象)