HTML事件:HTML事件是发生在HTML元素上的 “事情”,常见的有下面这些事件名说明onclick 鼠标单击事件 onblur 元素失去焦点 onfocus 元素获得焦点 onchange 下拉框值发生改变 onload 某个页面或图像被完成加载 onsubmit 当表单提交时触发该事件 onkeydown 某个键盘的键被按下 onmouseover 鼠标被移到某元素之上 onmouseout 鼠标从某元素移开 事件绑定通过事件,可以将HTML上的元素跟函数绑定在一起来完成一些具体的功能,绑定方式有两种<input type="button" value="按钮1" onclick="tan()"> <br><input type="button" value="按钮2" id="btn"> <br><!-- 事件绑定有两种方式: 1. 通过 HTML标签中的事件属性进行绑定 2. 通过 DOM 元素属性绑定--><script> //1. 通过 HTML标签中的事件属性进行绑定 function tan() { alert('按钮1被点击了!'); } //2. 通过 DOM 元素属性绑定 //document.getElementById("btn") 获取页面上的指定元素 document.getElementById("btn").onclick = function () { alert('按钮2被点击了!'); }</script></body></html>页面交互给页面表单控件绑定对应事件,实现交互功能<!-- 常用事件: 1. onfocus 获取焦点 2. onblur 失去焦点 3. onchange 表单控件的值改变时 4. onclick 鼠标单击 5. onload 页面加载完成 -->