HTML5培训第二节课笔记（事件，原型，JSON）

HTML5培训第二节课笔记
一．事件
1. 一般事件方式：
<button type="button" class="mui-btnmui-btn-blue" id="mybutton">按钮</button>
function test1(){
alert("aaa");
}
oinput.onclick=test1;
//结果：弹出aaa

2.传参方式
oinput.onclick=function(){
test1("wang")
};
oinput.onclick=function(){
test1("wang")
};
//结果为：弹出 wang

3.事件绑定（重点）
（1）加事件：一个元素的同一个事件加两次会相互覆盖
function test1(){
alert("aaa");
}
function test2()
{
alert("bbb");
}
oinput.onclick=test1;
oinput.onclick=test2;
//结果：只能弹出bbb

（2）事件绑定：可以同时加多个事件函数到同一个事件上，不会被覆盖
addEventLister(‘事件’，函数，true或false)
true:表示：在捕获阶段调用事件处理程序
false表示：在冒泡阶段调用
一般为false;

function test1(){
alert("aaa");
}
function test2()
{
alert("bbb");
}
oinput.addEventListener('tap',test1,false);
oinput.addEventListener('tap',test2,false);
//结果为先弹出aaa,再弹出bbb

二． 原型
（1）原型法
//原型：对系统类做方法扩展
var myString="hello world";
String.prototype.aaa=function(){
alert('mystring');
}
myString.aaa();

（2）类的定义
//定义类
//如果没有值，this代表window
functionStudent(name,age){
this.sname=name;
this.sage=age;

}
Student.prototype.sayName=function(){
alert(this.sname);
}
varostu=new Student('yang',20);
ostu.sayName();
//结果为：yang

(3) 如果需要包名
varneusoft={};
neusoft.html5games={};
neusoft.html5games.pingpong=function(version){
this.version=version;
}
neusoft.html5games.pingpong.prototype.play=function(){
alert(this.version);
}
varop=new neusoft.html5games.pingpong('1.0');
op.play();
//结果为：1.0

三． JSON
//json对象
varstu={"name":"yang","age":20};//字符串表示属性 之间用,号 取值方便
alert(stu.name);//yang
alert(stu.age);//20

//多个对象 json对象集合
varstus=[{"name":"yang","age":20},
{"name":"wang","age":44},
{"name":"zhang","age":233}];
alert(stus[1].age);
//44

//json反序列化
varstu1='{"name":"yang","age":20}';
var ostu=JSON.parse(stu1);//还原成对象 反序列化
alert(ostu.name);
//yang

//json序列化
varstu={"name":"yang","age":20};
varstuString=JSON.stringify(stu);
alert(stuString);
//{"name":"yang","age":20}