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字符