WebBasic08-JS

补充:
JS数据类型:
*特殊类型-null/undefined
*内置对象(基本类型)-Number String Date Math Boolean Array Function
*外部对象- window document
*自定义对象

自定义对象

1. 一种特殊的数据类型,由属性和方法封装而成
2. 创建方式分为三种:
   1)直接量
   eg:var student={“name”:”jack”,”age”:20,”work”:function(){…}};
   注意:一个大括号表示一个对象,每个对象由若干键值对组成,key通常是字符串,value可以是任意类型的数据,多个键值对之间用逗号隔开
   2)构造器(new的函数,通常首字母大写)
   *JS自带的构造器
   eg:new Date();/new RegExp(“”,”“);/new Function();/new Object();(Object相当于Java中的HashMap)
   *自己写的构造器
   //this代表创建出来的对象 .key代表对象的属性或者行为
   eg: function Coder(name,age,work){
this.name=name;
this.age=age;
this.work=work;
}
var coder=new Coder("Jack",20,function(){...}); //也可不传参
   3)使用create方法创建(最新版本的JS提出的API,大部分浏览器还未实现)
   4)总结:
   *无论何种方式创建的自定义对象本质上都一样(object)
   *要返回数据给别人使用或者需要别人传入特定数据,用自定义构造器创建对象;
   若封装的数据自己用,并且已知这些数据,用直接量创建;
   封装的数据自己用,但未知这些数据,用Object创建对象

事件

1. 指页面元素状态改变,或者用户操作鼠标或者键盘时触发的动作
2. 任何事件触发后会产生一个event对象
3. 绑定事件方式:
   *直接定义事件:即在元素内直接绑定
   *后绑定事件:写在body末尾:在页面加载后,通过JS获取元素并为其绑定事件
   写在head中:在onload事件中获取元素并为其绑定事件,onload是页面加载事件,在页面加载后自动触发,写在该事件内的JS和写在body末尾的JS等效
4. 获取event对象
   *直接定义事件:调用该函数时传入了event,可通过arguments[0]获取,也可通过参数e接收
   *后绑定事件:后绑定事件时浏览器会自动给函数传入event,可以通过arguments[0]获取event或者声明参数来接收
   *获取事件源: var obj=event.target||e.srcElement(考虑浏览器兼容问题)
5. 事件冒泡:
   *概念:事件冒泡即事件由内向外传播的机制
   *作用:用来简化事件的定义,不需要在每个子元素上分别定义事件,只需统一在父元素上定义一次事件即可
   *需要解决的问题:需要明确知道事件的来源(事件源),通过事件对象可以获取事件源