常用事件

• onclick，单击
• ondbclick，双击
• onfocus，获得焦点
• onblur，失去焦点
• onchange，内容变化

事件的绑定

• 方式一，直接在标签上绑定

例子

在标签上添加新的属性和值

属性名就是 事件名称， 属性值就是字符串形式的 js函数名（）

标签对象.setAttribute（“onclick”, “func()”)

• 方式二，通过js绑定

练习

• 样式的切换

点击一个按钮，切换背景色的样式，一会切为黑色，一会切为白色

• 文本框中输入内容，每输入一个内容，都会在控制台中输出当前文本框的全部内容

• 点击按钮自动更新时间

• 二级联动下拉框