target
| 属性值 | 说明 |
| --- | --- |
| \_blank | 在新窗口或标签页中打开文档 |
| \_parent | 在父窗框组(frameset)中打开文档 |
| \_self | 在当前窗口打开文档(默认) |
| \_top | 在顶层窗口打开文档 |
<table class="layui-table">
<colgroup>
<col width="33%">
<col width="33%">
<col>
</colgroup>
<thead>
<tr>
<th>属性</th>
<th>所属元素</th>
<th>描述</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="javascript:;">accept</a></td>
<td><a href="javascript:;"><input></a></td>
<td>指定服务器接受的文件类型(仅适用于type="file")</td>
</tr>
<tr>
<td><a href="javascript:;">accept-charset</a></td>
<td><a href="javascript:;"><form></a></td>
<td>指定用于表单提交的字符编码</td>
</tr>
<tr>
<td><a href="javascript:;">accesskey</a></td>
<td><a href="javascript:;">全局属性</a></td>
<td>指定激活/焦点元素的快捷键</td>
</tr>
<tr>
<td><a href="javascript:;">action</a></td>
<td><a href="javascript:;"><form></a></td>
<td>指定在提交表单时将表单数据发送到何处</td>
</tr>
<tr style="color: #FF0000;">
<td>align</td>
<td>HTML5不支持,使用CSS代替</td>
<td>根据周围的元素指定对齐方式。</td>
</tr>
<tr>
<td><a href="javascript:;">alt</a></td>
<td><a href="javascript:;"><input></a></td>
<td>当原始元素无法显示时,指定一个替代文本</td>
</tr>
<tr>
<td><a href="javascript:;">async</a></td>
<td><a href="javascript:;"><script></a></td>
<td>指定脚本异步执行(仅用于外部脚本)</td>
</tr>
<tr>
<td><a href="javascript:;">autocomplete</a></td>
<td><a href="javascript:;"><input></a></td>
<td>指定<form> 或 the <input> 元素是否启用自动补全功能</td>
</tr>
<tr>
<td><a href="javascript:;">autofocus</a></td>
<td><a href="javascript:;"><textarea></a></td>
<td>指定当页面加载时,元素应自动获得焦点</td>
</tr>
<tr>
<td><a href="javascript:;">autoplay</a></td>
<td><a href="javascript:;"><vedio></a></td>
<td>指定音频/视频一准备好就开始播放</td>
</tr>
<tr style="color: #FF0000;">
<td>bgcolor</td>
<td>HTML5不支持,使用CSS代替</td>
<td>指定元素的背景颜色。</td>
</tr>
<tr style="color: #FF0000;">
<td>border</td>
<td>HTML5不支持,使用CSS代替</td>
<td>指定元素边界的宽度。</td>
</tr>
<tr>
<td><a href="javascript:;">charset</a></td>
<td><a href="javascript:;"><script></a></td>
<td>指定字符编码</td>
</tr>
<tr>
<td><a href="javascript:;">checked</a></td>
<td><a href="javascript:;"><input></a></td>
<td>指定一个<input>当页面加载时,元素应该被预先选中(对于type="checkbox"或type="radio")</td>
</tr>
<tr>
<td><a href="javascript:;">cite</a></td>
<td><a href="javascript:;"><q></a></td>
<td>指定解释引用/删除/插入文本的URL</td>
</tr>
<tr>
<td><a href="javascript:;">class</a></td>
<td><a href="javascript:;">全局属性</a></td>
<td>为元素指定一个或多个类名(引用样式表中的类)</td>
</tr>
<tr style="color: #FF0000;">
<td>color</td>
<td>HTML5不支持,使用CSS代替</td>
<td>指定元素的文本颜色。</td>
</tr>
<tr>
<td><a href="javascript:;">cols</a></td>
<td><a href="javascript:;"><textarea></a></td>
<td>指定文本区域的可见宽度</td>
</tr>
<tr>
<td><a href="javascript:;">colspan</a></td>
<td><a href="javascript:;"><th></a></td>
<td>指定表单元格应该跨越的列数</td>
</tr>
<tr>
<td><a href="javascript:;">content</a></td>
<td><a href="javascript:;"><meta></a></td>
<td>给出与http-equiv或name属性关联的值</td>
</tr>
<tr>
<td><a href="javascript:;">contenteditable</a></td>
<td><a href="javascript:;">全局属性</a></td>
<td>指定元素的内容是否可编辑</td>
</tr>
<tr>
<td><a href="javascript:;">controls</a></td>
<td><a href="javascript:;"><video></a></td>
<td>指定显示音频/视频控件(如播放/暂停按钮等)</td>
</tr>
<tr>
<td><a href="javascript:;">coords</a></td>
<td><a href="javascript:;"><area></a></td>
<td>指定区域的坐标</td>
</tr>
<tr>
<td><a href="javascript:;">data</a></td>
<td><a href="javascript:;"><object></a></td>
<td>指定对象要使用的资源的URL</td>
</tr>
<tr>
<td><a href="javascript:;">data-*</a></td>
<td><a href="javascript:;">全局属性</a></td>
<td>用于将自定义数据存储到页面或应用程序</td>
</tr>
<tr>
<td><a href="javascript:;">datetime</a></td>
<td><a href="javascript:;"><time></a></td>
<td>指定日期和时间</td>
</tr>
<tr>
<td><a href="javascript:;">default</a></td>
<td><a href="javascript:;"><track></a></td>
<td>指定如果用户的首选项不表明,另一个跟踪更合适,则启用跟踪</td>
</tr>
<tr>
<td><a href="javascript:;">defer</a></td>
<td><a href="javascript:;"><script></a></td>
<td>指定在页面完成解析时执行脚本(仅用于外部脚本)</td>
</tr>
<tr>
<td><a href="javascript:;">dir</a></td>
<td><a href="javascript:;">全局属性</a></td>
<td>指定元素中内容的文本方向</td>
</tr>
<tr>
<td><a href="javascript:;">dirname</a></td>
<td><a href="javascript:;"><textarea></a></td>
<td>指定将提交文本方向</td>
</tr>
<tr>
<td><a href="javascript:;">disabled</a></td>
<td><a href="javascript:;"><textarea></a></td>
<td>指定应禁用指定的元素/元素组</td>
</tr>
<tr>
<td><a href="javascript:;">download</a></td>
<td><a href="javascript:;"><area></a></td>
<td>指定当用户单击超链接时将下载目标</td>
</tr>
<tr>
<td><a href="javascript:;">draggable</a></td>
<td><a href="javascript:;">全局属性</a></td>
<td>指定元素是否可拖动</td>
</tr>
<tr>
<td><a href="javascript:;">dropzone</a></td>
<td><a href="javascript:;">全局属性</a></td>
<td>指定拖放时是否复制、移动或链接拖放的数据</td>
</tr>
<tr>
<td><a href="javascript:;">enctype</a></td>
<td><a href="javascript:;"><form></a></td>
<td>指定将表单数据提交给服务器时应如何对其进行编码(仅适用于方法="post")</td>
</tr>
<tr>
<td><a href="javascript:;">for</a></td>
<td><a href="javascript:;"><output></a></td>
<td>指定标签/计算绑定到哪个表单元素</td>
</tr>
<tr>
<td><a href="javascript:;">form</a></td>
<td><a href="javascript:;"><textarea></a></td>
<td>指定元素所属的表单的名称</td>
</tr>
<tr>
<td><a href="javascript:;">formaction</a></td>
<td><a href="javascript:;"><input></a></td>
<td>指定在提交表单时将表单数据发送到何处,只针对type="submit"</td>
</tr>
<tr>
<td><a href="javascript:;">headers</a></td>
<td><a href="javascript:;"><th></a></td>
<td>指定与单元格相关的一个或多个标头单元格</td>
</tr>
<tr>
<td><a href="javascript:;">height</a></td>
<td><a href="javascript:;"><video></a></td>
<td>指定元素的高度</td>
</tr>
<tr>
<td><a href="javascript:;">hidden</a></td>
<td><a href="javascript:;">全局属性</a></td>
<td>指定元素尚未相关或不再相关</td>
</tr>
<tr>
<td><a href="javascript:;">high</a></td>
<td><a href="javascript:;"><meter></a></td>
<td>指定被认为是高值的范围</td>
</tr>
<tr>
<td><a href="javascript:;">href</a></td>
<td><a href="javascript:;"><link></a></td>
<td>指定链接指向的页面的URL</td>
</tr>
<tr>
<td><a href="javascript:;">hreflang</a></td>
<td><a href="javascript:;"><link></a></td>
<td>指定链接文档的语言</td>
</tr>
<tr>
<td><a href="javascript:;">http-equiv</a></td>
<td><a href="javascript:;"><meta></a></td>
<td>为内容属性的信息/值提供HTTP标头</td>
</tr>
<tr>
<td><a href="javascript:;">id</a></td>
<td><a href="javascript:;">全局属性</a></td>
<td>为元素指定唯一id</td>
</tr>
<tr>
<td><a href="javascript:;">ismap</a></td>
<td><a href="javascript:;"><img></a></td>
<td>将映像指定为服务器端映像映射</td>
</tr>
<tr>
<td><a href="javascript:;">kind</a></td>
<td><a href="javascript:;"><track></a></td>
<td>指定文本跟踪的类型</td>
</tr>
<tr>
<td><a href="javascript:;">label</a></td>
<td><a href="javascript:;"><optgroup></a></td>
<td>指定文本跟踪的标题</td>
</tr>
<tr>
<td><a href="javascript:;">lang</a></td>
<td><a href="javascript:;">全局属性</a></td>
<td>指定元素内容的语言</td>
</tr>
<tr>
<td><a href="javascript:;">list</a></td>
<td><a href="javascript:;"><input></a></td>
<td>为<input> 元素预定义一个可选的列表指向一个<datalist>元素</td>
</tr>
<tr>
<td><a href="javascript:;">loop</a></td>
<td><a href="javascript:;"><video></a></td>
<td>指定音频/视频每次结束时将重新开始(循环播放)</td>
</tr>
<tr>
<td><a href="javascript:;">low</a></td>
<td><a href="javascript:;"><meter></a></td>
<td>指定被认为是低值的范围</td>
</tr>
<tr>
<td><a href="javascript:;">max</a></td>
<td><a href="javascript:;"><progress></a></td>
<td>指定最大值</td>
</tr>
<tr>
<td><a href="javascript:;">maxlength</a></td>
<td><a href="javascript:;"><textarea></a></td>
<td>指定元素中允许的最大字符数</td>
</tr>
<tr>
<td><a href="javascript:;">media</a></td>
<td><a href="javascript:;"><style></a></td>
<td>指定链接文档优化的媒体/设备</td>
</tr>
<tr>
<td><a href="javascript:;">method</a></td>
<td><a href="javascript:;"><form></a></td>
<td>指定发送表单数据时使用的HTTP方法</td>
</tr>
<tr>
<td><a href="javascript:;">min</a></td>
<td><a href="javascript:;"><meter></a></td>
<td>指定最小值</td>
</tr>
<tr>
<td><a href="javascript:;">multiple</a></td>
<td><a href="javascript:;"><select></a></td>
<td>指定用户可以输入多个值</td>
</tr>
<tr>
<td><a href="javascript:;">muted</a></td>
<td><a href="javascript:;"><video></a></td>
<td>指定应将视频的音频输出静音</td>
</tr>
<tr>
<td><a href="javascript:;">name</a></td>
<td><a href="javascript:;"><textarea></a></td>
<td>指定元素的名称</td>
</tr>
<tr>
<td><a href="javascript:;">novalidate</a></td>
<td><a href="javascript:;"><form></a></td>
<td>指定提交时不应验证该表单</td>
</tr>
<tr>
<td><a href="javascript:;">onabort</a></td>
<td><a href="javascript:;"><video></a></td>
<td>要在abort上运行的脚本</td>
</tr>
<tr>
<td><a href="javascript:;">onafterprint</a></td>
<td><a href="javascript:;"><body></a></td>
<td>打印文档后运行的脚本</td>
</tr>
<tr>
<td><a href="javascript:;">onbeforeprint</a></td>
<td><a href="javascript:;"><body></a></td>
<td>在打印文档之前运行的脚本</td>
</tr>
<tr>
<td><a href="javascript:;">onbeforeunload</a></td>
<td><a href="javascript:;"><body></a></td>
<td>在文档即将卸载时运行的脚本</td>
</tr>
<tr>
<td><a href="javascript:;">onblur</a></td>
<td><a href="javascript:;">所有可见元素</a></td>
<td>当元素失去焦点时运行的脚本</td>
</tr>
<tr>
<td><a href="javascript:;">oncanplay</a></td>
<td><a href="javascript:;"><video></a></td>
<td>当文件准备好开始播放时(当它已经缓冲到可以开始播放时)运行的脚本</td>
</tr>
<tr>
<td><a href="javascript:;">oncanplaythrough</a></td>
<td><a href="javascript:;"><video></a></td>
<td>脚本运行时,一个文件可以一直播放到结束,没有暂停缓冲</td>
</tr>
<tr>
<td><a href="javascript:;">onchange</a></td>
<td><a href="javascript:;">所有可见元素</a></td>
<td>当元素的值改变时运行的脚本</td>
</tr>
<tr>
<td><a href="javascript:;">onclick</a></td>
<td><a href="javascript:;">所有可见元素</a></td>
<td>在单击元素时运行的脚本</td>
</tr>
<tr>
<td><a href="javascript:;">oncontextmenu</a></td>
<td><a href="javascript:;">所有可见元素</a></td>
<td>在触发上下文菜单时运行的脚本</td>
</tr>
<tr>
<td><a href="javascript:;">oncopy</a></td>
<td><a href="javascript:;">所有可见元素</a></td>
<td>在复制元素内容时运行的脚本</td>
</tr>
<tr>
<td><a href="javascript:;">oncuechange</a></td>
<td><a href="javascript:;"><track></a></td>
<td>脚本将在线索发生变化时运行;元素</td>
</tr>
<tr>
<td><a href="javascript:;">oncut</a></td>
<td><a href="javascript:;">所有可见元素</a></td>
<td>在删除元素内容时运行的脚本</td>
</tr>
<tr>
<td><a href="javascript:;">ondblclick</a></td>
<td><a href="javascript:;">所有可见元素</a></td>
<td>在双击元素时运行的脚本</td>
</tr>
<tr>
<td><a href="javascript:;">ondrag</a></td>
<td><a href="javascript:;">所有可见元素</a></td>
<td>当元素被拖动时运行的脚本</td>
</tr>
<tr>
<td><a href="javascript:;">ondragend</a></td>
<td><a href="javascript:;">所有可见元素</a></td>
<td>在拖动操作结束时运行的脚本</td>
</tr>
<tr>
<td><a href="javascript:;">ondragenter</a></td>
<td><a href="javascript:;">所有可见元素</a></td>
<td>当元素被拖拽到一个有效的drop目标时运行的脚本</td>
</tr>
<tr>
<td><a href="javascript:;">ondragleave</a></td>
<td><a href="javascript:;">所有可见元素</a></td>
<td>当元素离开有效的drop目标时运行的脚本</td>
</tr>
<tr>
<td><a href="javascript:;">ondragover</a></td>
<td><a href="javascript:;">所有可见元素</a></td>
<td>当元素被拖放到一个有效的drop目标上时运行的脚本</td>
</tr>
<tr>
<td><a href="javascript:;">ondragstart</a></td>
<td><a href="javascript:;">所有可见元素</a></td>
<td>在拖动操作开始时运行的脚本</td>
</tr>
<tr>
<td><a href="javascript:;">ondrop</a></td>
<td><a href="javascript:;">所有可见元素</a></td>
<td>在删除拖动元素时要运行的脚本</td>
</tr>
<tr>
<td><a href="javascript:;">ondurationchange</a></td>
<td><a href="javascript:;"><video></a></td>
<td>当媒体长度改变时要运行的脚本</td>
</tr>
<tr>
<td><a href="javascript:;">onemptied</a></td>
<td><a href="javascript:;"><video></a></td>
<td>当出现问题,文件突然不可用(比如意外断开连接)时运行的脚本</td>
</tr>
<tr>
<td><a href="javascript:;">onended</a></td>
<td><a href="javascript:;"><video></a></td>
<td>脚本将在媒体到达终端时运行(对于像“感谢您的倾听”这样的消息来说,这是一个有用的事件)</td>
</tr>
<tr>
<td><a href="javascript:;">onerror</a></td>
<td><a href="javascript:;"><video></a></td>
<td>脚本将在出现错误时运行</td>
</tr>
<tr>
<td><a href="javascript:;">onfocus</a></td>
<td><a href="javascript:;">所有可见元素</a></td>
<td>当元素获得焦点时运行的脚本</td>
</tr>
<tr>
<td><a href="javascript:;">onhashchange</a></td>
<td><a href="javascript:;"><body></a></td>
<td>当URL的锚点部分发生更改时运行的脚本</td>
</tr>
<tr>
<td><a href="javascript:;">oninput</a></td>
<td><a href="javascript:;">所有可见元素</a></td>
<td>当元素获得用户输入时运行的脚本</td>
</tr>
<tr>
<td><a href="javascript:;">oninvalid</a></td>
<td><a href="javascript:;">所有可见元素</a></td>
<td>当元素无效时运行的脚本</td>
</tr>
<tr>
<td><a href="javascript:;">onkeydown</a></td>
<td><a href="javascript:;">所有可见元素</a></td>
<td>当用户按下键时运行的脚本</td>
</tr>
<tr>
<td><a href="javascript:;">onkeypress</a></td>
<td><a href="javascript:;">所有可见元素</a></td>
<td>当用户按下一个键时运行的脚本</td>
</tr>
<tr>
<td><a href="javascript:;">onkeyup</a></td>
<td><a href="javascript:;">所有可见元素</a></td>
<td>当用户释放键时运行的脚本</td>
</tr>
<tr>
<td><a href="javascript:;">onload</a></td>
<td><a href="javascript:;"><style></a></td>
<td>当元素完成加载时运行的脚本</td>
</tr>
<tr>
<td><a href="javascript:;">onloadeddata</a></td>
<td><a href="javascript:;"><video></a></td>
<td>加载媒体数据时要运行的脚本</td>
</tr>
<tr>
<td><a href="javascript:;">onloadedmetadata</a></td>
<td><a href="javascript:;"><video></a></td>
<td>在加载元数据(如维度和音延)时运行的脚本</td>
</tr>
<tr>
<td><a href="javascript:;">onloadstart</a></td>
<td><a href="javascript:;"><video></a></td>
<td>脚本将在实际加载任何内容之前开始加载文件时运行</td>
</tr>
<tr>
<td><a href="javascript:;">onmousedown</a></td>
<td><a href="javascript:;">所有可见元素</a></td>
<td>在元素上按下鼠标按钮时运行的脚本</td>
</tr>
<tr>
<td><a href="javascript:;">onmousemove</a></td>
<td><a href="javascript:;">所有可见元素</a></td>
<td>只要鼠标指针在元素上移动,脚本就会运行</td>
</tr>
<tr>
<td><a href="javascript:;">onmouseout</a></td>
<td><a href="javascript:;">所有可见元素</a></td>
<td>当鼠标指针移出元素时运行的脚本</td>
</tr>
<tr>
<td><a href="javascript:;">onmouseover</a></td>
<td><a href="javascript:;">所有可见元素</a></td>
<td>当鼠标指针移动到元素上时运行的脚本</td>
</tr>
<tr>
<td><a href="javascript:;">onmouseup</a></td>
<td><a href="javascript:;">所有可见元素</a></td>
<td>在元素上释放鼠标按钮时运行的脚本</td>
</tr>
<tr>
<td><a href="javascript:;">onmousewheel</a></td>
<td><a href="javascript:;">所有可见元素</a></td>
<td>当鼠标滚轮在元素上滚动时运行的脚本</td>
</tr>
<tr>
<td><a href="javascript:;">onoffline</a></td>
<td><a href="javascript:;"><body></a></td>
<td>脚本将在浏览器开始脱机工作时运行</td>
</tr>
<tr>
<td><a href="javascript:;">ononline</a></td>
<td><a href="javascript:;"><body></a></td>
<td>脚本将在浏览器开始联机工作时运行</td>
</tr>
<tr>
<td>onpagehide</td>
<td><a href="javascript:;"><body></a></td>
<td>当用户从页面中导航时运行的脚本</td>
</tr>
<tr>
<td><a href="javascript:;">onpageshow</a></td>
<td><a href="javascript:;"><body></a></td>
<td>当用户导航到页面时运行的脚本</td>
</tr>
<tr>
<td><a href="javascript:;">onpaste</a></td>
<td><a href="javascript:;">所有可见元素</a></td>
<td>当用户在元素中粘贴一些内容时运行的脚本</td>
</tr>
<tr>
<td><a href="javascript:;">onpause</a></td>
<td><a href="javascript:;"><video></a></td>
<td>当用户暂停或以编程方式暂停媒体时运行的脚本</td>
</tr>
<tr>
<td><a href="javascript:;">onplay</a></td>
<td><a href="javascript:;"><video></a></td>
<td>当媒体开始播放时要运行的脚本</td>
</tr>
<tr>
<td><a href="javascript:;">onplaying</a></td>
<td><a href="javascript:;"><video></a></td>
<td>当媒体播放中要运行的脚本</td>
</tr>
<tr>
<td>onpopstate</td>
<td><a href="javascript:;"><body></a></td>
<td>窗口的历史记录更改时运行的脚步</td>
</tr>
<tr>
<td><a href="javascript:;">onprogress</a></td>
<td><a href="javascript:;"><video></a></td>
<td>在浏览器正在获取媒体数据的过程中运行的脚本</td>
</tr>
<tr>
<td><a href="javascript:;">onratechange</a></td>
<td><a href="javascript:;"><video></a></td>
<td>每次回放速率改变时(如用户切换到慢动作或快进模式时)运行的脚本。</td>
</tr>
<tr>
<td><a href="javascript:;">onreset</a></td>
<td><a href="javascript:;"><form></a></td>
<td>当单击窗体中的重置按钮时运行的脚本。</td>
</tr>
<tr>
<td><a href="javascript:;">onresize</a></td>
<td><a href="javascript:;"><body></a></td>
<td>脚本将在浏览器窗口调整大小时运行。</td>
</tr>
<tr>
<td><a href="javascript:;">onscroll</a></td>
<td><a href="javascript:;">所有可见元素</a></td>
<td>在滚动元素的滚动条时运行的脚本</td>
</tr>
<tr>
<td><a href="javascript:;">onsearch</a></td>
<td><a href="javascript:;"><input></a></td>
<td>当用户在搜索字段中写入内容时运行的脚本(为 <input="search">)</td>
</tr>
<tr>
<td><a href="javascript:;">onseeked</a></td>
<td><a href="javascript:;"><video></a></td>
<td>重新定位媒体播放的位置完成后触发的脚本,表示定位已经结束</td>
</tr>
<tr>
<td><a href="javascript:;">onseeking</a></td>
<td><a href="javascript:;"><video></a></td>
<td>重新定位媒体中这段时间触发,(比如要拖动视频的播放进度)</td>
</tr>
<tr>
<td><a href="javascript:;">onselect</a></td>
<td><a href="javascript:;">所有可见元素</a></td>
<td>选择元素时要运行的脚本</td>
</tr>
<tr>
<td><a href="javascript:;">onstalled</a></td>
<td><a href="javascript:;"><video></a></td>
<td>脚本将在浏览器因任何原因无法获取媒体数据时运行</td>
</tr>
<tr>
<td>onstorage</td>
<td><a href="javascript:;"><body></a></td>
<td>更新Web Storage区域时要运行的脚本</td>
</tr>
<tr>
<td><a href="javascript:;">onsubmit</a></td>
<td><a href="javascript:;"><form></a></td>
<td>提交表单时要运行的脚本</td>
</tr>
<tr>
<td><a href="javascript:;">onsuspend</a></td>
<td><a href="javascript:;"><video></a></td>
<td>无论出于什么原因,在媒体数据完全加载之前,将停止在获取媒体数据时运行的脚本</td>
</tr>
<tr>
<td><a href="javascript:;">ontimeupdate</a></td>
<td><a href="javascript:;"><video></a></td>
<td>脚本将在播放位置发生变化时运行(如用户快进到媒体中的不同位置时)</td>
</tr>
<tr>
<td><a href="javascript:;">ontoggle</a></td>
<td><a href="javascript:;"><details></a></td>
<td>当用户打开或关闭<details>元素时候运行的脚本</td>
</tr>
<tr>
<td><a href="javascript:;">onunload</a></td>
<td><a href="javascript:;"><body></a></td>
<td>在卸载页面(或关闭浏览器窗口)时运行的脚本</td>
</tr>
<tr>
<td><a href="javascript:;">onvolumechange</a></td>
<td><a href="javascript:;"><video></a></td>
<td>每次更改视频/音频的音量时要运行的脚本</td>
</tr>
<tr>
<td><a href="javascript:;">onwaiting</a></td>
<td><a href="javascript:;"><video></a></td>
<td>脚本将在媒体暂停但预期恢复时运行(如媒体暂停以缓冲更多数据时)</td>
</tr>
<tr>
<td><a href="javascript:;">onwheel</a></td>
<td><a href="javascript:;">所有可见元素</a></td>
<td>当鼠标滚轮在元素上或下滚动时运行的脚本</td>
</tr>
<tr>
<td><a href="javascript:;">open</a></td>
<td><a href="javascript:;"><details></a></td>
<td>指定细节应该对用户可见(打开)</td>
</tr>
<tr>
<td><a href="javascript:;">optimum</a></td>
<td><a href="javascript:;"><meter></a></td>
<td>指定度量的最优值是什么</td>
</tr>
<tr>
<td><a href="javascript:;">pattern</a></td>
<td><a href="javascript:;"><input></a></td>
<td>指定一个正则表达式,该正则表达式由一个<input>对元素的值进行检查</td>
</tr>
<tr>
<td><a href="javascript:;">placeholder</a></td>
<td><a href="javascript:;"><textarea></a></td>
<td>指定描述元素期望值的简短提示</td>
</tr>
<tr>
<td><a href="javascript:;">poster</a></td>
<td><a href="javascript:;"><video></a></td>
<td>指定在视频下载或用户点击播放按钮之前显示的图像</td>
</tr>
<tr>
<td><a href="javascript:;">preload</a></td>
<td><a href="javascript:;"><video></a></td>
<td>指定当页面加载时,作者是否以及如何认为应该加载音频/视频</td>
</tr>
<tr>
<td><a href="javascript:;">readonly</a></td>
<td><a href="javascript:;"><textarea></a></td>
<td>指定元素是只读的</td>
</tr>
<tr>
<td><a href="javascript:;">rel</a></td>
<td><a href="javascript:;"><link></a></td>
<td>指定当前文档和链接文档之间的关系</td>
</tr>
<tr>
<td><a href="javascript:;">required</a></td>
<td><a href="javascript:;"><textarea></a></td>
<td>指定元素必须在提交表单之前填写</td>
</tr>
<tr>
<td><a href="javascript:;">reversed</a></td>
<td><a href="javascript:;"><ol></a></td>
<td>指定列表顺序应该是降序的(9、8、7…)</td>
</tr>
<tr>
<td><a href="javascript:;">rows</a></td>
<td><a href="javascript:;"><textarea></a></td>
<td>指定文本区域中可见的行数</td>
</tr>
<tr>
<td><a href="javascript:;">rowspan</a></td>
<td><a href="javascript:;"><th></a></td>
<td>指定表单元格应该跨越的行数</td>
</tr>
<tr>
<td><a href="javascript:;">sandbox</a></td>
<td><a href="javascript:;"><iframe></a></td>
<td>为<iframe>中的内容设置额外的限制;</td>
</tr>
<tr>
<td><a href="javascript:;">scope</a></td>
<td><a href="javascript:;"><th></a></td>
<td>指定标头单元格是列、行还是列或行组的标头</td>
</tr>
<tr>
<td><a href="javascript:;">selected</a></td>
<td><a href="javascript:;"><option></a></td>
<td>指定在页面加载时应预先选择一个选项</td>
</tr>
<tr>
<td><a href="javascript:;">shape</a></td>
<td><a href="javascript:;"><area></a></td>
<td>指定区域的形状</td>
</tr>
<tr>
<td><a href="javascript:;">size</a></td>
<td><a href="javascript:;"><select></a></td>
<td>指定宽度,以字符为单位(用于<input>)或指定可见选项的数量(用于<select>)</td>
</tr>
<tr>
<td><a href="javascript:;">sizes</a></td>
<td><a href="javascript:;"><source></a></td>
<td>指定链接资源的大小</td>
</tr>
<tr>
<td><a href="javascript:;">span</a></td>
<td><a href="javascript:;"><colgroup></a></td>
<td>指定要跨的列的数量</td>
</tr>
<tr>
<td><a href="javascript:;">spellcheck</a></td>
<td><a href="javascript:;">全局属性</a></td>
<td>指定是否检查元素的拼写和语法</td>
</tr>
<tr>
<td><a href="javascript:;">src</a></td>
<td><a href="javascript:;"><video></a></td>
<td>指定媒体文件的URL</td>
</tr>
<tr>
<td><a href="javascript:;">srcdoc</a></td>
<td><a href="javascript:;"><iframe></a></td>
<td>指定要在<iframe>中显示的页面的HTML内容;</td>
</tr>
<tr>
<td><a href="javascript:;">srclang</a></td>
<td><a href="javascript:;"><track></a></td>
<td>指定音轨文本数据的语言(如果kind="subtitle"是必须的)</td>
</tr>
<tr>
<td><a href="javascript:;">srcset</a></td>
<td><a href="javascript:;"><source></a></td>
<td>指定在不同情况下使用的图像的URL</td>
</tr>
<tr>
<td><a href="javascript:;">start</a></td>
<td><a href="javascript:;"><ol></a></td>
<td>指定有序列表的起始值</td>
</tr>
<tr>
<td><a href="javascript:;">step</a></td>
<td><a href="javascript:;"><input></a></td>
<td>指定输入字段的合法数字间隔</td>
</tr>
<tr>
<td><a href="javascript:;">style</a></td>
<td><a href="javascript:;">全局属性</a></td>
<td>为元素指定内联CSS样式</td>
</tr>
<tr>
<td><a href="javascript:;">tabindex</a></td>
<td><a href="javascript:;">全局属性</a></td>
<td>指定元素的制表顺序</td>
</tr>
<tr>
<td><a href="javascript:;">target</a></td>
<td><a href="javascript:;"><form></a></td>
<td>指定在何处打开链接文档或在何处提交表单的目标</td>
</tr>
<tr>
<td><a href="javascript:;">title</a></td>
<td><a href="javascript:;">全局属性</a></td>
<td>指定关于元素的额外信息</td>
</tr>
<tr>
<td><a href="javascript:;">translate</a></td>
<td><a href="javascript:;">全局属性</a></td>
<td>指定元素的内容是否应该翻译</td>
</tr>
<tr>
<td><a href="javascript:;">type</a></td>
<td><a href="javascript:;"><style></a></td>
<td>指定元素的类型</td>
</tr>
<tr>
<td><a href="javascript:;">usemap</a></td>
<td><a href="javascript:;"><object></a></td>
<td>将映像指定为客户端映像映射</td>
</tr>
<tr>
<td><a href="javascript:;">value</a></td>
<td><a href="javascript:;"><param></a></td>
<td>指定元素的值</td>
</tr>
<tr>
<td><a href="javascript:;">width</a></td>
<td><a href="javascript:;"><video></a></td>
<td>指定元素的宽度</td>
</tr>
<tr>
<td><a href="javascript:;">wrap</a></td>
<td><a href="javascript:;"><textarea></a></td>
<td>指定在表单中提交文本区域中的文本如何包装</td>
</tr>
</tbody>
</table>
- CSS
- 达到指定宽度加载css
- 选择器
- CSS 函数
- @media媒体查询
- 字体
- 图标字体
- 文本
- 光标样式cursor
- 盒子模型
- 溢出(overflow)
- 边框
- 不透明度opacity
- 背景(background)与渐变xx-gradient
- 轮廓(outline)与 阴影(box-shadow)
- 过渡属性(Transition)
- 动画属性(Animation)
- transform变形效果旋转,缩放,移动,倾斜等
- 显示、隐藏与禁用
- box-sizing与resize
- 居中对齐
- css水平居中
- css垂直居中
- 文字与相邻的元素垂直对齐
- 布局
- 高度塌陷和外边距重叠最终解决方案
- 解决float布局时高度塌陷的最终方案after伪类元素
- 子/父元素外边距重叠最终解决方案before伪类元素
- 传统布局
- position布局
- position水平居中
- position垂直居中
- position水平垂直居中
- 浮动布局
- 高度塌陷和BFC
- clear
- BFC概念及触发条件
- 表格布局
- 盒子模型布局
- 盒子水平居中布局(如margin:0 auto)
- 盒子垂直居中布局
- 相邻元素外边距重叠
- 行内元素的盒子模型
- 弹性伸缩布局flex
- 旧版本(IE不支持)
- 混合过渡版(仅IE10+生效)
- flex布局(新版)
- 多列布局columns
- grid网格布局(实验性)
- 应用与总结
- 瀑布流布局
- 流式布局(响应式布局又叫百分比布局移动端一般采用)
- 用户不能鼠标左键选择文本
- 表格
- 表单
- radio
- textarea
- select
- a连接
- ul>li有序列表与ol>li无序列表
- 伪元素
- 容器宽高100%
- 浏览器四大内核及前缀
- 移动端开发
- 长度单位与移动端
- css_移动端开发
- rem具体解决方案
- vw具体解决方案
- 兼容性问题
- 浏览器默认样式
- css预处理器
- less
- sass
- stylus
- HTML
- 标签元素
- head的子标签
- 文档元素
- 文本元素
- 嵌入元素
- 分组元素
- 表格元素
- 表单元素
- input
- 标签元素的属性
- 全局属性
- aria-*
- 事件on*
- data-*
- id
- class
- hidden
- style
- title
- draggable
- dropzone(实验性)
- dir
- autocapitalize
- contenteditable
- lang
- inputmode
- accesskey
- contextmenu(移除)
- exportparts(实验性)
- is
- itemid
- itemprop
- itemref
- itemscope
- itemtype
- XHTML遗留xml:lang和xml:base
- part(实验性)
- slot
- spellcheck(实验性)
- tabindex
- translate
- HTML字符实体
- 行内元素
- iframe和父页面相互传值,并兼容跨域问题
- a标签嵌套解决方案
- JS
- 获取宽度(offsetParent、clientWidth、clientHeight、offsetWidth、offsetheight、scrollWidth、scrollHeight、offsetTop、offsetLeft、scrollTop、scrollLeft)
- demo
- 全选和反选
- 定时器:
- 哪些HTML元素可以获得焦点?
- 事件例子
- 鼠标事件
- 注册条款
- 获取鼠标坐标
- div跟随鼠标移动
- 拖拽01
- 鼠标滚动事件
- 键盘事件
- 检查标签是否含有某个类
- 轮播图
- 数组的 交集 差集 补集 并集
- 精确计算插件
- 摇奖机
- 移动端跳转
- 基础
- js的数据类型
- 基本类型声明
- 引用类型声明及用法
- 数组
- 函数
- 对象及函数原型对象
- 继承
- js的垃圾回收机制
- javascript扩展自定义方法
- 类型转换
- 作用域(执行上下文)及递归调用
- javascript事件
- 连续调用
- 排序
- 内存溢出与内存泄漏
- 系统对象
- 内置对象
- 值属性
- Infinity
- NaN
- undefined
- globalThis
- Function 属性
- eval()
- isFinite()
- isNaN()
- parseFloat()
- parseInt()
- decodeURI()
- decodeURIComponent()
- encodeURI()
- encodeURIComponent()
- 基本对象(Object,Function,Boolean,Symbol)
- Object
- defineProperty()
- Function
- Boolean
- Symbol
- 数字和日期对象
- Number
- Date
- BigInt
- Math
- 控制抽象化
- AsyncFunction
- Generator
- GeneratorFunction
- Promise
- Web组装
- WebAssembly
- 结构化数据(JSON等)
- ArrayBuffer
- Atomics
- DataView
- JSON
- SharedArrayBuffer
- 使用键的集合对象
- Map
- Set
- WeakMap
- WeakSet
- 反射
- Reflect
- Proxy
- 可索引的集合对象(数组在这)
- Array数组
- BigInt64Array
- BigUint64Array
- Float32Array
- Float64Array
- Int16Array
- Int32Array
- Int8Array
- Uint8ClampedArray
- Uint8Array
- Uint16Array
- Uint32Array
- 国际化
- Intl
- Intl.Collator
- 文本处理(字符串与正则)
- RegExp
- String
- 错误对象
- Error
- InternalError
- AggregateError 实验性
- EvalError
- RangeError
- ReferenceError
- SyntaxError
- URIError
- TypeError
- null
- TypedArray
- escape()移除但还兼容
- unescape()移除但还生效
- uneval()非标准
- arguments
- 宿主对象(DOM与Browser)
- Browser浏览器对象(BOM)
- Window 对象
- History 对象
- Location 对象
- Navigator 对象
- Screen 对象
- 存储对象(localStorage与sessionStorage)
- DOM 节点对象
- EventTarget
- Node节点对象
- Document文档节点
- HTMLDocument(HTML对象 )
- HTML 元素接口
- Element元素节点
- Attr属性对象(与NamedNodeMap )
- DocumentType
- DocumentFragment文档片段节点
- CharacterData
- Comment
- Text
- CDATASection
- 事件对象Event
- on-event处理器
- CustomEvent
- MouseEvent
- DragEvent
- 手势(TouchEvent触摸事件)
- 其他类型事件对象...
- CSSStyleDeclaration 对象
- HTMLCollection
- console对象
- MutationObserver
- 其他重要的对象(FormData与原生Ajax)
- FormData表单对象
- ajax XMLHttpRequest
- 表达式和运算符
- 算术运算符
- 赋值运算符
- 按位操作符
- 逗号操作符
- 比较操作符
- 条件运算符
- 解构赋值
- 函数表达式
- 圆括号运算符
- 逻辑运算符
- Nullish 合并操作符
- 对象初始化
- 运算符优先级
- 可选链
- 管道操作符 实验性
- 属性访问器
- 展开语法
- 异步函数表达式
- await
- 类表达式
- delete 操作符
- function* 表达式
- in
- instanceof
- new 运算符
- new.target
- super
- this
- typeof
- void 运算符
- yield
- yield*
- 语句和声明
- export
- default
- 控制流
- block
- break
- continue
- empty
- if...else
- switch
- throw
- try...catch
- 声明
- const
- let
- var 描述
- 函数和类
- async function
- class
- function
- function*
- return
- 迭代
- do...while
- for
- for await...of
- for...in
- for...of
- while
- 其他
- debugger
- label
- with 移除但生效
- import
- import.meta
- 函数
- 箭头函数
- 默认参数值
- 方法的定义
- 剩余参数
- Arguments 对象
- getter
- setter
- 类
- 类私有域
- 类元素
- 构造方法
- extends
- static
- Errors
- 更多
- 已废弃的特性
- JavaScript 数据结构
- 词法文法
- 属性的可枚举性和所有权
- 迭代协议
- 严格模式
- 切换到严格模式
- 模板字符串
- ES6(ES2015)
- Es6函数写法
- 类class
- 导入导出模块
- 兼容ES5
- 变量声明
- Symbol新数据类型
- 迭代器(自定义遍历数组)
- 生成器
- Promise异步编程
- set(集合)
- Map
- 数组新增4个方法
- 手机端事件
- bootstrap手册
- 代码压缩打包
- Webpack
- 五个核心概念
- 开始
- loader
- 插件
- webpack开发环境配置
- 打包含css文件的项目
- 打包html资源
- 打包图片资源
- 打包其他文件
- devServer(实时自动化打包)
- 总结:开发环境配置
- webpack生产环境配置
- 提取css成单独文件
- css兼容性处理
- 压缩css
- js语法检查
- js兼容性处理
- js压缩
- html压缩
- 总结:生产环境配置
- webpack优化环境配置
- HMR( 模块热替换)
- source-map
- oneOf
- 缓存
- tree shaking
- code split
- demo1
- demo2
- demo3
- lazy loading
- pwa
- 多进程打包
- externals
- dll
- webpack配置详解
- entry
- output
- module
- resolve
- dev server
- optimization
- vite
- 技能
- 前端学习路线
- 调试
- 多个版本IE浏览器(调试用)
- 手机端调试
- vueJS
- Element UI(一个vuejs组件)
- 浏览器插件开发
- 插件推荐
- 扩展文件manifest.json
- 不可视的background(常驻)页面
- 可视页面browser actions与page actions及八种展示方式
- 使用chrome.xxx API
- Google Chrome扩展与Web页面/服务器之间的交互
- Google Chrome扩展中的页面之间的数据通信
- inject-script
- chromeAPI
- pageAction
- alarms
- chrome.tabs
- chrome.runtime
- chrome.webRequest
- chrome.window
- chrome.storage
- chrome.contextMenus
- chrome.devtools
- chrome.extension
- 分类
- homepage_url 开发者或者插件主页
- 5种类型的JS对比及消息通信
- 其它补充
- 谷歌浏览器截屏
- 框架及工具
- 前端UI设计网站
- 网页中使用Unicode字符