HTML常用属性

笔者这里只简单列举一些平时常见的属性：

一、HTML的常用全局属性

1. class：规定一个元素的一个或多个类名
   
2. contenteditable：规定元素内容是否可编辑
   
3. data-*：用于存储页面或者应用程序的私有定制数据
   
4. draggable：规定元素是否可以拖动
   
5. hidden：规定元素仍未或不再相关
   
6. id：规定元素的唯一 id
7. lang：规定元素内容的语言
   
8. spellcheck：规定是否对元素进行拼写和语法检查
   
9. style：规定元素的行内 CSS 样式
   
10. title：规定元素的额外信息

二、Window 常见事件属性

1. onbeforeunload：文档卸载之前运行的脚本
2. onerror：在发生错误时运行的脚本
3. onhaschange：在文档已改变时运行的脚本
4. onload：在页面结束加载之后运行的脚本
5. onmessage：在消息被触发时运行的脚本
6. onoffline：当文档离线时运行的脚本
7. ononline：当文档上线时运行的脚本
8. onpagehide：当窗口隐藏时运行的脚本
9. onpageshow：当窗口为可见时运行的脚本
10. onresize：当浏览器窗口被调整大小时运行的脚本
11. onstorage：在 web storage 区域更新后运行的脚本
12. onunload：一旦页面已下载时触发（或者浏览器窗口已被关闭）

三、Form 常见事件属性

1. onblur：元素失去焦点时运行的脚本
2. onchange：元素值被改变时运行的脚本
3. onfocus：元素获得焦点时运行的脚本
4. onreset：当表单中重置按钮被点击时触发（HTML5中不支持）
5. onselect：在元素文本被选中后触发运行的脚本
6. onsubmit：在提交表单时运行的脚本

四、Keyword 事件

1. onkeydown：在用户按下键时触发
2. onkeypress：在用户敲击按键时触发
3. onkeyup：当用户释放按键时触发

五、Mouse 事件

1. onclick：元素上发生鼠标点击时触发
2. ondbclick：元素上发生鼠标双击时触发
3. ondrag：元素被拖动时运行的脚本
4. onmousedown：当元素上按下鼠标按键时触发
5. onmousemove：当鼠标指针在元素上移动时触发运行的脚本
6. onmouseout：当鼠标指针移出元素时触发
7. onmouseover：当鼠标指针移动到元素上时触发
8. onmouseup：当在元素上释放鼠标按钮时触发
9. onmousewheel：当鼠标滚轮正在被滚动时运行的脚本
10. onscroll：当元素滚动条被滚动时运行的脚本

六、HTML5 Audio/video 方法

1. canPlayType()：检测浏览器是否能播放指定的音频/视频类型
2. load()：重新加载视频/音频元素
3. play()：开始播放视频/音频
4. pause()：暂停当前播放的视频/音频

七、HTML5 Audio/Video 属性

1. autoplay：设置或返回是否在加载完成后随即播放视频/音频
2. controls：设置或返回视频/音频是否显示控件（比如播放或暂停等）
3. currentSrc：返回当前视频/音频的 URL
4. currentTime：设置或返回视频/音频的当前播放位置（以秒计）
5. defaultMuted：设置或返回视频/音频默认是否静音
6. defaultPlaybackRate：设置或返回视频/音频的默认播放速度
7. duration：返回当前视频/音频的长度（以秒计）
8. ended：返回视频/音频的播放是否已结束
9. error：返回表示视频/音频错误状态的 MediaError 对象
10. loop：设置或返回视频/音频是否应在结束时重新播放
11. muted：设置或返回视频/音频是否静音
12. paused：设置或返回视频/音频是否暂停
13. playbackRate：设置或返回视频/音频播放的速度
14. played：返回表示视频/音频已播放部分的 TimeRanges 对象
15. preload：设置或返回视频/音频是否应该在页面加载后进行加载
16. readyState：返回视频/音频当前的就绪状态
17. src：设置或返回视频/音频的当前来源
18. volume：设置或返回视频/音频的音量

转载于:https://juejin.im/post/5beb83bbe51d454c7d0f9635