一直不明白W3CSchool上的全局属性手册中为什么没有属性的值,而在所有值都是Script的事件属性中却在手册中全加上了,查阅起来十分不方便,于是自己根据W3CSchool的全局属性及事件属性又重新整理了一份,与其说重新整理更像是从W3CSchool中将这些属性搬过来然后全局属性添加上了属性的值、事件属性删除掉了属性的值而已。希望这样可以帮助大家在查阅的时候更加清晰明了。
全局属性
除非特殊说明,HTML的全局属性适用于几乎所有的标签,对于HTML的老手们来说对这些属性应该已经很熟悉了,而对于刚刚接触HTML的新手来说记住这些属性将会对于我们理解HTML页面很有帮助。
| 属性 | 值 | 描述 |
|---|---|---|
| accesskey | character | 规定激活(使元素获得焦点)元素的快捷键。 |
| class | classname | 大多数时候用于指向样式表中的类(class)。也可以利用它通过 JavaScript 来改变带有指定 class 的 HTML 元素。 |
| contenteditable | true、false | 规定元素内容是否可编辑。如果元素未设置 该属性,则会从其父元素继承该属性。HTML5新加入。 |
| contextmenu | menu_id | 规定元素的上下文菜单。当用户右键点击元素时,会出现上下文菜单。HTML5新加入。 |
| data-* | somevalue | 用于存储页面或应用程序的私有自定义数据。存储的数据能被页面中的JS利用,以创建更好的用户体验。HTML5新加入。 |
| dir | ltr、rtl | 规定元素内容的文本方向。 |
| draggable | true、false、auto | 规定元素是否可拖动。HTML5新加入。 |
| dropzone | copy、move、link | 规定在元素上拖动数据时,是否拷贝、移动或链接被拖动数据。HTML5新加入。 |
| hidden | / | 布尔属性,规定元素仍未或不再相关。HTML5新加入。 |
| id | id | 规定 HTML 元素的唯一的 id。 |
| lang | language_code | 规定元素内容的语言。 |
| spellcheck | true、false | 规定是否对元素进行拼写和语法检查。HTML5新加入。 |
| style | style_definition | 规定元素的行内样式(inline style),style 属性将覆盖任何全局的样式设定。 |
| tabindex | number | 规定元素的 tab 键控制次序(当 tab 键用于导航时)。 |
| title | text | 规定关于元素的额外信息。这些信息通常会在鼠标移到元素上时显示一段工具提示文本(tooltip text)。 |
| translate | yes、no | 规定是否应该翻译元素内容。 |
事件属性
对于HTML的事件属性,所有的属性值均为Script脚本,所以这里讲事件属性的值一栏全部省略掉方便大家更清晰地了解HTML事件属性,同时HTML5新加入了大量的事件属性,这在一方面增加了大家对于HTML页面的可操作性,另一方面也加重了页面负担。大家在使用时仍需要谨慎些。
Window 事件属性
| 属性 | 描述 |
|---|---|
| onafterprint | 文档打印之后运行的脚本。HTML5新加入。 |
| onbeforeprint | 文档打印之前运行的脚本。HTML5新加入。 |
| onbeforeunload | 文档卸载之前运行的脚本。HTML5新加入。 |
| onerror | 在错误发生时运行的脚本。HTML5新加入。 |
| onhaschange | 当文档已改变时运行的脚本。HTML5新加入。 |
| onload | 页面结束加载之后触发。 |
| onmessage | 在消息被触发时运行的脚本。HTML5新加入。 |
| onoffline | 当文档离线时运行的脚本。HTML5新加入。 |
| ononline | 当文档上线时运行的脚本。HTML5新加入。 |
| onpagehide | 当窗口隐藏时运行的脚本。HTML5新加入。 |
| onpageshow | 当窗口成为可见时运行的脚本。HTML5新加入。 |
| onpopstate | 当窗口历史记录改变时运行的脚本。HTML5新加入。 |
| onredo | 当文档执行撤销(redo)时运行的脚本。HTML5新加入。 |
| onresize | 当浏览器窗口被调整大小时触发。HTML5新加入。 |
| onstorage | 在 Web Storage 区域更新后运行的脚本。HTML5新加入。 |
| onundo | 在文档执行 undo 时运行的脚本。HTML5新加入。 |
| onunload | 一旦页面已下载时触发(或者浏览器窗口已被关闭)。HTML5新加入。 |
Form 事件属性
| 属性 | 描述 |
|---|---|
| onblur | 元素失去焦点时运行的脚本。 |
| onchange | 在元素值被改变时运行的脚本。 |
| oncontextmenu | 当上下文菜单被触发时运行的脚本。HTML5新加入。 |
| onfocus | 当元素获得焦点时运行的脚本。 |
| onformchange | 在表单改变时运行的脚本。HTML5新加入。 |
| onforminput | 当表单获得用户输入时运行的脚本。HTML5新加入。 |
| oninput | 当元素获得用户输入时运行的脚本。HTML5新加入。 |
| oninvalid | 当元素无效时运行的脚本。HTML5新加入。 |
| onreset | 当表单中的重置按钮被点击时触发。HTML5 中不支持。 |
| onselect | 在元素中文本被选中后触发。 |
| onsubmit | 在提交表单时触发。 |
Keyboard 事件属性
| 属性 | 描述 |
|---|---|
| onkeydown | 在用户按下按键时触发。 |
| onkeypress | 在用户敲击按钮时触发。 |
| onkeyup | 当用户释放按键时触发。 |
Mouse 事件属性
| 属性 | 描述 |
|---|---|
| onclick | 元素上发生鼠标点击时触发。 |
| ondblclick | 元素上发生鼠标双击时触发。 |
| ondrag | 元素被拖动时运行的脚本。HTML5新加入。 |
| ondragend | 在拖动操作末端运行的脚本。HTML5新加入。 |
| ondragenter | 当元素元素已被拖动到有效拖放区域时运行的脚本。HTML5新加入。 |
| ondragleave | 当元素离开有效拖放目标时运行的脚本。HTML5新加入。 |
| ondragover | 当元素在有效拖放目标上正在被拖动时运行的脚本。HTML5新加入。 |
| ondragstart | 在拖动操作开端运行的脚本。HTML5新加入。 |
| ondrop | 当被拖元素正在被拖放时运行的脚本。HTML5新加入。 |
| onmousedown | 当元素上按下鼠标按钮时触发。 |
| onmousemove | 当鼠标指针移动到元素上时触发。 |
| onmouseout | 当鼠标指针移出元素时触发。 |
| onmouseover | 当鼠标指针移动到元素上时触发。 |
| onmouseup | 当在元素上释放鼠标按钮时触发。 |
| onmousewheel | 当鼠标滚轮正在被滚动时运行的脚本。HTML5新加入。 |
| onscroll | 当元素滚动条被滚动时运行的脚本。HTML5新加入。 |
Media 事件属性
| 属性 | 描述 |
|---|---|
| onabort | 在退出时运行的脚本。 |
| oncanplay | 当文件就绪可以开始播放时运行的脚本(缓冲已足够开始时)。HTML5新加入。 |
| oncanplaythrough | 当媒介能够无需因缓冲而停止即可播放至结尾时运行的脚本。HTML5新加入。 |
| ondurationchange | 当媒介长度改变时运行的脚本。HTML5新加入。 |
| onemptied | 当发生故障并且文件突然不可用时运行的脚本(比如连接意外断开时)。HTML5新加入。 |
| onended | 当媒介已到达结尾时运行的脚本(可发送类似“感谢观看”之类的消息)。HTML5新加入。 |
| onerror | 当在文件加载期间发生错误时运行的脚本。HTML5新加入。 |
| onloadeddata | 当媒介数据已加载时运行的脚本。HTML5新加入。 |
| onloadedmetadata | 当元数据(比如分辨率和时长)被加载时运行的脚本。HTML5新加入。 |
| onloadstart | 在文件开始加载且未实际加载任何数据前运行的脚本。HTML5新加入。 |
| onpause | 当媒介被用户或程序暂停时运行的脚本。HTML5新加入。 |
| onplay | 当媒介已就绪可以开始播放时运行的脚本。HTML5新加入。 |
| onplaying | 当媒介已开始播放时运行的脚本。HTML5新加入。 |
| onprogress | 当浏览器正在获取媒介数据时运行的脚本。HTML5新加入。 |
| onratechange | 每当回放速率改变时运行的脚本(比如当用户切换到慢动作或快进模式)。HTML5新加入。 |
| onreadystatechange | 每当就绪状态改变时运行的脚本(就绪状态监测媒介数据的状态)。HTML5新加入。 |
| onseeked | 当 seeking 属性设置为 false(指示定位已结束)时运行的脚本。HTML5新加入。 |
| onseeking | 当 seeking 属性设置为 true(指示定位是活动的)时运行的脚本。HTML5新加入。 |
| onstalled | 在浏览器不论何种原因未能取回媒介数据时运行的脚本。HTML5新加入。 |
| onsuspend | 在媒介数据完全加载之前不论何种原因终止取回媒介数据时运行的脚本。HTML5新加入。 |
| ontimeupdate | 当播放位置改变时(比如当用户快进到媒介中一个不同的位置时)运行的脚本。HTML5新加入。 |
| onvolumechange | 每当音量改变时(包括将音量设置为静音)时运行的脚本。HTML5新加入。 |
| onwaiting | 当媒介已停止播放但打算继续播放时(比如当媒介暂停已缓冲更多数据)运行脚本。 |














