Html事件属性结合JavaScript实现动态效果

通过Html标签的事件属性来触发JavaScript函数，实现网页的动态效果。

注意：Html的事件是属性，因此语法是：<element οnmοusedοwn="script">，例如：鼠标事件，<button οnclick="this.innerHTML=Date()">现在的时间是?；

常见的Html事件属性

（1）窗口事件属性

onload：当文档加载时运行脚本；
onresize：当调整窗口大小时运行脚本；
onunload：当用户离开文档时运行脚本；

（2）表单事件属性

onblur：当元素失去焦点时运行脚本；
onchange：当元素值改变时运行脚本；
onfocus：当元素获得焦点时运行脚本；
onselect：在选取元素文本后触发脚本；

注意： <input type="file">, <input type="password">, <input type="text">, <keygen>, 和 <textarea>。
onsubmit：当提交表单时运行脚本；

（3）键盘事件属性

onkeydown：当按下按键时运行脚本；
onkeypress：当按下并松开按键时运行脚本；
onkeyup：当松开按键时运行脚本；

（4）鼠标事件属性

onclick：当单击鼠标时运行脚本；
ondblclick：当双击鼠标时运行脚本；
onmousedown：当按下鼠标按钮时运行脚本；
onmouseup： 当松开鼠标按钮时运行脚本；
onmousemove：当鼠标指针移动时运行脚本；
onmouseout：当鼠标指针移出元素时运行脚本；
onmouseover：当鼠标指针移至元素之上时运行脚本；

注意：一些事件属性是相对的，例如：移入有效果，移出也要有效果；

（5）多媒体事件属性

onemptied：当媒介资源元素突然为空时（网络错误、加载错误等）运行脚本；
onerror：当在元素加载期间发生错误时运行脚本；
onpause：当媒介数据暂停时运行脚本；
onloadstart：在浏览器开始寻找指定视频/音频（audio/video）触发；
onloadedmetadata ：在指定视频/音频（audio/video）的元数据加载后触发，其中元数据包含: 时长，尺寸大小（视频），文本轨道。
oncanplay：当媒介能够开始播放但可能因缓冲而需要停止时运行脚本；

注意：oncanplay和onloadedmetadata在网速很好的情况下，效果一样；