事件
事件就是·电脑输入设备与页面进行的交互式响应，我们称之为事件。
常见的事件
onload 加载完成事件
页面加载完成后，常用于js代码初始化操作
onclick 单击事件
常用于按钮的点击响应操作
onblur 失去失去焦点事件
常用于输入框失去焦点后验证其输入内容是否合法
oncharge 内容发生改变事件
常用于下拉列表和输入框发生改变后的操作
onsubmit 表单提交事件
常用于表单提交前，验证所有的表单项是否合法。
可以用伪类或伪元素进行选择然后操作
事件的注册
要想使用这些事件需要知道事件的注册。他也叫事件的绑定。
什么是事件的注册或绑定：
其实就是告诉浏览器当事件响应后需要执行哪些操作代码，这就叫做事件的注册或绑定。
事件的注册分为静态注册和动态注册两种：
静态注册：
通过html标签的事件属性直接赋予事件响应后的代码，这种方式叫做静态注册。
动态注册：
是指通过js代码得到的dom对象，然后通过dom对象.事件名=function(){} 这种形式赋予事件响应的代码叫做动态注册。
动态注册基本步骤：
1.获取标签对象
2.获取对象.事件名=function(){}
window.onload=function(){
alert("动态注册的onload事件");
}
动态注册代码写在script里面
动静态注册和加载完成事件(onload)
静态注册：
onload浏览器解析完页面之后就会自动触发的事件
<body onload="alert('页面加载静态注册完成')">
</body>
记得onload等号右边部分需要加双引号
当页面加载完成后需要执行很多代码，可以将代码重新写到一个方法里面，然后通过<body onload="方法名();"> </body>来调用，当然，等号右边也能写js代码。
调用代码部分放在script里面
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
function b(){
alert("看什么看，没见过帅哥啊");
}
</script>
</head >
<body onload="b();">
</body>
b方法：
function b(){
alert("看什么看，没见过帅哥啊");
}
这几种事件静态注册语法都差不多
onclick单击事件
静态注册
<button onclick="b()" >点劳资</button>
标签中写入事件语法，等号右边引入script里面的方法或直接写语句。
动态注册
<body >
<button id="123">点劳资</button>
</body>
window.onload=function(){
//死格式
//1.获取标签对象
var obj=document.getElementById("123");//这里返回值是标签对象
//2.通过标签对象.事件名=function(){}
obj.onclick=function b(){
alert("看什么看，没见过帅哥啊");
}
}
document是javascript语言提供的一个对象（文档）就代表整个页面，即里面所有的内容。get Element By Id 即意思是通过Id属性获取标签对象。当用这个对象方法获取标签对象的时候，则需要给标签添加一个Id。
即在页面加载完成(onload)后先获取标签对象通过getElementById("标签ID")获取标签对象，再通过通过标签对象.事件名=function(){}进行事件操作
onblur失去焦点事件
静态注册
用户名:<input type="text" onblur="b()" /><br />
动态注册
<body >
<input type="text" id="123"/>
</body>
window.onload=function(){
//死格式
var obj=getElementById("123");
obj.onblur=function (){
alert("看什么看，没见过丑比啊");
}
}
语法跟onload差不多 都是写入到标签里面的，一般都是引入其他的方法的，一般方法不直接写到onblur后面。
这里这一行代码即鼠标焦点从输入框变为其他地方的时候，则会执行后面的代码或者方法
onchange内容发生改变事件
即文本框或者选项或者下拉列表发生改变时会触发的事件
静态注册
<body>
<select onchange="b();">
<option selected="selected">1</option>
<option >2</option>
<option >3</option>
<option >4</option>
</select>
</body>
动态注册
<script type="text/javascript">
window.onload=function(){
var obj=document.getElementById("123");
obj.onchange=function(){
alert("aaaa");
}
}
</script>
<body>
<select id="123">
<option selected="selected">1</option>
<option >2</option>
<option >3</option>
<option >4</option>
</select>
</body>
onsubmit表单提交事件
return false可用于阻止表单提交
即表单点击提交按钮时触发的事件 一般用于用户提交表单时检验数据是否合法 然后利用return false阻止表单提交
不能只在js里所调用的方法里面写return语句，onsubmit里面也需要写return语句。不然无法阻止提交
静态注册
function b(){
alert("看什么看，没见过帅哥啊");
if("条件不合法"){
return false;
}else{
return true;
}
<body>
<form action="js代码位置.js" method="get" onsubmit="return b();">
<input type="submit" value="静态注册"/>
</form>
</body>
动态注册
window.onload=function(){
var obj=document.getElementById("123");
obj.onsubmit=function(){
alert("嘿嘿！");
if("数据不合法"){
return false;
}else{
return true;
}
}
}
<body>
<form action="js代码位置.js" method="get" id="123">
<input type="submit" value="静态注册"/>
</form>
</body>