本文主要是介绍HTML5培训第二节课笔记（事件，原型，JSON），希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
HTML5培训第二节课笔记
一．事件
1. 一般事件方式：
<button type="button" class="mui-btnmui-btn-blue" id="mybutton">按钮</button>
function test1(){
alert("aaa");
}
oinput.οnclick=test1;
//结果：弹出aaa
2.传参方式
oinput.οnclick=function(){
test1("wang")
};
oinput.οnclick=function(){
test1("wang")
};
//结果为：弹出 wang
3.事件绑定（重点）
（1）加事件：一个元素的同一个事件加两次会相互覆盖
function test1(){
alert("aaa");
}
function test2()
{
alert("bbb");
}
oinput.οnclick=test1;
oinput.οnclick=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}
这篇关于HTML5培训第二节课笔记（事件，原型，JSON）的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
