事件
11 事件：输入设备和页面交互之间的响应 叫事件
事件的注册/绑定：就是告诉浏览器 事件响应后要执行那些代码
（1）静态注册事件：通过html标签的事件属性直接赋于事件响应后的代码
（2）动态注册事件： 先通过js得到标签得dom对象 在通过dom对象.事件名=function(){} 这种形式赋于事件响应后的代码
12事件分类
（1）onload事件 浏览器解析完页面后自动触发的事件
静态注册的： <body onload="alert(xxx)">
或者 <script> function fun( ){ } </script>
<body onload="fun();"></body>
动态注册的:固定写法 window.onload=function (){xxxx}
（2）onclick事件：
静态注册：<button onclick="js代码"> 按钮1</button>
动态注册：window.onload=function(){
document 是js的一个对象 表示整个页面里所有的内容
var obj= document.getElementById("id01");//返回一个对象 得到id=id01 的标签
obj.onclick=function(){xxxxxxxxxx;}
}
<button id="id01"> 按钮2</button>
（3） onblur 失去焦点事件：失去焦点 就是比如你不点输入输入框你点别的地方
console.log()；console 是控制台对象js提供 向浏览器的控制台打印输出 测试用
log 打印的方法f12 可以看
静态的：
用户名 <input type="text" onblur="js函数"<br/>>
动态：window.onload=function(){ document.getElementById("i01"); } 和（2）一样的操作
密码 <input type="text" id="i01"<br/>>
（4）onchange内容改变事件：
静态注册：
<select onchange="JS函数">
<option> 1 </option>
<option> 2 </option>
<option> 3 </option>
</select>
动态注册：和（3）（2）一样
（5）onsubmit表单提交事件：
静态：
return false可以阻止表单提交所以
<form action="" method="" onsubmit="return js函数;">
<input type="submit" value="提交"/></form>
此时应验证所有表单项是否合法 一个不合法就阻止
动态：同（4）加id 加window.onload
浙公网安备 33010602011771号