OM是什么

• DOM（Document Object Model 文檔對(duì)象模型）是W3C的標(biāo)準(zhǔn)，是所有瀏覽器公共遵守的標(biāo)準(zhǔn)。

• DOM的設(shè)計(jì)是以對(duì)象管理組織（OMG）的規(guī)約為基礎(chǔ)的，因此可以用于任何編程語言。最初人們把它認(rèn)為是一種讓JavaScript在瀏覽器間可移植的方法，不過DOM的應(yīng)用已經(jīng)遠(yuǎn)遠(yuǎn)超出這個(gè)范圍。

• DOM定義了訪問 HTML 和 XML 文檔的標(biāo)準(zhǔn)，是HTML和XML的應(yīng)用程序接口（API），它允許程序和腳本動(dòng)態(tài)地訪問和更新文檔的內(nèi)容、結(jié)構(gòu)和樣式。Dom技術(shù)使得用戶頁面可以動(dòng)態(tài)地變化，如可以動(dòng)態(tài)地顯示或隱藏一個(gè)元素，改變它們的屬性，增加一個(gè)元素等，Dom技術(shù)使得頁面的交互性大大地增強(qiáng)。

HTML DOM

當(dāng)網(wǎng)頁被加載時(shí)，瀏覽器會(huì)創(chuàng)建頁面的文檔對(duì)象模型（Document Object Model）。HTML DOM 模型被構(gòu)造為對(duì)象的樹，這種結(jié)構(gòu)被稱為節(jié)點(diǎn)樹：

通過 HTML DOM，樹中的所有節(jié)點(diǎn)均可通過 JavaScript 進(jìn)行訪問。所有 HTML 元素（節(jié)點(diǎn)）均可被修改，也可以創(chuàng)建或刪除節(jié)點(diǎn)。

節(jié)點(diǎn)父、子和同胞

節(jié)點(diǎn)樹中的節(jié)點(diǎn)彼此擁有層級(jí)關(guān)系。

父（parent）、子（child）和同胞（sibling）等術(shù)語用于描述這些關(guān)系。父節(jié)點(diǎn)擁有子節(jié)點(diǎn)。同級(jí)的子節(jié)點(diǎn)被稱為同胞（兄弟或姐妹）。

• 在節(jié)點(diǎn)樹中，頂端節(jié)點(diǎn)被稱為根（root）

• 每個(gè)節(jié)點(diǎn)都有父節(jié)點(diǎn)、除了根（它沒有父節(jié)點(diǎn)）

• 一個(gè)節(jié)點(diǎn)可擁有任意數(shù)量的子

• 同胞是擁有相同父節(jié)點(diǎn)的節(jié)點(diǎn)

下面的圖片展示了節(jié)點(diǎn)樹的一部分，以及節(jié)點(diǎn)之間的關(guān)系：

編程接口

可通過 JavaScript （以及其他編程語言）對(duì) HTML DOM 進(jìn)行訪問。所有 HTML 元素被定義為對(duì)象，而編程接口則是對(duì)象方法和對(duì)象屬性。

HTML DOM Document 對(duì)象

當(dāng)瀏覽器載入 HTML 文檔, 它就會(huì)成為 document 對(duì)象。document 對(duì)象是HTML文檔的根節(jié)點(diǎn)與所有其他節(jié)點(diǎn)（元素節(jié)點(diǎn)，文本節(jié)點(diǎn)，屬性節(jié)點(diǎn), 注釋節(jié)點(diǎn)）。Document 對(duì)象使我們可以從腳本中對(duì) HTML 頁面中的所有元素進(jìn)行訪問。提示：Document 對(duì)象是 Window 對(duì)象的一部分，可通過 window.document 屬性對(duì)其進(jìn)行訪問。

• document.activeElement 屬性返回文檔中當(dāng)前獲得焦點(diǎn)的元素

• document.addEventListener() 函數(shù)用于向文檔添加事件句柄

• document.adoptNode(node) 函數(shù)從另外一個(gè)文檔返回 adapded 節(jié)點(diǎn)到當(dāng)前文檔

• document.anchors 屬性集合返回了當(dāng)前頁面的所有超級(jí)鏈接數(shù)組

• document.applets返回對(duì)文檔中所有 Applet 對(duì)象的引用

• document.baseURI 屬性返回 HTML 文檔的基礎(chǔ)URI

• document.body 屬性返回文檔的body元素

• document.close()用于關(guān)閉瀏覽器窗口

• document.cookie 屬性返回當(dāng)前文檔所有 鍵/值 對(duì)的所有 cookies

• document.createAttribute() 函數(shù)用于創(chuàng)建一個(gè)指定名稱的屬性，并返回Attr 對(duì)象屬性

• document.createComment() 函數(shù)可創(chuàng)建注釋節(jié)點(diǎn)

• document.createDocumentFragment() 函數(shù)創(chuàng)建了一虛擬的節(jié)點(diǎn)對(duì)象，節(jié)點(diǎn)對(duì)象包含所有屬性和方法

• document.createElement() 函數(shù)通過指定名稱創(chuàng)建一個(gè)元素

• document.createTextNode() 函數(shù)可創(chuàng)建文本節(jié)點(diǎn)

• document.doctype 屬性可返回與文檔相關(guān)的文檔類型聲明（Document Type Declaration）

• document.documentElement 屬性以一個(gè)元素對(duì)象返回一個(gè)文檔的文檔元素

• document.documentMode 屬性返回瀏覽器渲染文檔的模式

• document.documentURI 屬性可設(shè)置或返回文檔的位置

• document.domain 屬性可返回下載當(dāng)前文檔的服務(wù)器域

• document.domConfig 屬性 返回normalizeDocument()被調(diào)用時(shí)所使用的配置

• document.embeds 集合 返回文檔中所有嵌入的內(nèi)容（embed）集合

• document.forms 集合返回當(dāng)前頁面所有表單的數(shù)組集合

• document. getElementsByClassName() 函數(shù)返回文檔中所有指定類名的元素集合，作為 NodeList 對(duì)象

• document.getElementById() 函數(shù)可返回對(duì)擁有指定 ID 的第一個(gè)對(duì)象的引用

• document.getElementsByName() 函數(shù)可返回帶有指定名稱的對(duì)象的集合

• document.getElementsByTagName() 函數(shù)可返回帶有指定標(biāo)簽名的對(duì)象的集合

• document.images 集合返回當(dāng)前文檔中所有圖片的數(shù)組

• document.implementation 屬性可返回處理該文檔的 DOMImplementation 對(duì)象

• document.importNode() 函數(shù)把一個(gè)節(jié)點(diǎn)從另一個(gè)文檔復(fù)制到該文檔以便應(yīng)用

• document.inputEncoding 屬性可返回文檔的編碼（在解析時(shí)）

• document.lastModified 屬性可返回文檔最后被修改的日期和時(shí)間

• document.links 集合返回當(dāng)期文檔所有鏈接的數(shù)組

• document.normalize() 函數(shù)合并相鄰的文本節(jié)點(diǎn)并刪除空的文本節(jié)點(diǎn)

• document.normalizeDocument() 函數(shù)可以移除空文本節(jié)點(diǎn) , 并合并相鄰節(jié)點(diǎn)

• document.open() 函數(shù)打開一個(gè)輸出流來收集 document.write() 或 document.writeln() 方法輸出的內(nèi)容

• document.querySelector() 函數(shù)返回文檔中匹配指定 CSS 選擇器的一個(gè)元素

• document.querySelectorAll() 函數(shù) document.querySelectorAll() 是 HTML5中引入的新方法，返回文檔中匹配的CSS選擇器的所有元素節(jié)點(diǎn)列表

• document.readyState 屬性返回當(dāng)前文檔的狀態(tài)（載入中……）

• document.referrer 屬性返回載入當(dāng)前文檔的來源文檔的URL

• document.removeEventListener() 函數(shù)用于移除由 document.addEventListener() 方法添加的事件句柄

• document.scripts 集合返回頁面中所有腳本的集合

• document.strictErrorChecking 屬性可設(shè)置或返回是否強(qiáng)制進(jìn)行錯(cuò)誤檢查（error-checking）

• document.title 屬性可返回當(dāng)前文檔的標(biāo)題（ HTML title 元素中的文本）

• document.URL 屬性可返回當(dāng)前文檔的 URL

• document.write() 函數(shù)可向文檔寫入 HTML 表達(dá)式或 JavaScript 代碼

• document.writeln() 函數(shù)與 write() 方法作用相同，外加可在每個(gè)表達(dá)式后寫一個(gè)換行符

HTML DOM 元素 (Element) 對(duì)象

在 HTML DOM 中, 元素對(duì)象代表著一個(gè) HTML 元素。元素對(duì)象 的 子節(jié)點(diǎn)可以是, 可以是元素節(jié)點(diǎn)，文本節(jié)點(diǎn)，注釋節(jié)點(diǎn)。NodeList 對(duì)象 代表了節(jié)點(diǎn)列表，類似于 HTML元素的子節(jié)點(diǎn)集合。所有主流瀏覽器都支持元素對(duì)象和NodeList 對(duì)象。

• element.accessKey 屬性可設(shè)置或返回訪問單選按鈕的快捷鍵

• element.addEventListener() 函數(shù)用于向指定元素添加事件句柄

• element.appendChild() 函數(shù)http://techbrood.com/jsref?p=met-node-appendchild

• element.attributes 屬性返回指定節(jié)點(diǎn)屬性的集合

• element.childNodes 屬性返回包含被選節(jié)點(diǎn)的子節(jié)點(diǎn)的 NodeList

• element.classlist 屬性返回元素的類名，作為 DOMTokenList 對(duì)象

• element.className 屬性設(shè)置或返回元素的 class 屬性

• element.clientHeight 屬性在頁面上返回內(nèi)容的可視高度（不包括邊框，邊距或滾動(dòng)條）

• element.clientWidth 屬性在頁面上返回內(nèi)容的可視寬度（不包括邊框，邊距或滾動(dòng)條）

• element.cloneNode() 函數(shù)可創(chuàng)建指定的節(jié)點(diǎn)的精確拷貝，拷貝所有屬性和值，該方法將復(fù)制并返回調(diào)用它的節(jié)點(diǎn)的副本。如果傳遞給它的參數(shù)是 true，它還將遞歸復(fù)制當(dāng)前節(jié)點(diǎn)的所有子孫節(jié)點(diǎn)。否則，它只復(fù)制當(dāng)前節(jié)點(diǎn)。

• element.compareDocumentPosition() 函數(shù)按照文檔順序，比較當(dāng)前節(jié)點(diǎn)與指定節(jié)點(diǎn)的文檔位置

• element.contentEditable 屬性用于設(shè)置或返回元素的內(nèi)容是否可編輯

• element.dir 屬性設(shè)置或返回元素的文字方向

• element.firstChild 屬性返回被選節(jié)點(diǎn)的第一個(gè)子節(jié)點(diǎn)，如果選定的節(jié)點(diǎn)沒有子節(jié)點(diǎn)則該屬性返回NULL

• element.focus() 函數(shù)用于為元素設(shè)置焦點(diǎn)（如果可以設(shè)置）

• element.getAttribute() 函數(shù)通過名稱獲取屬性的值

• element.getAttributeNode() 函數(shù)從當(dāng)前元素中通過名稱獲取屬性節(jié)點(diǎn)

• element.getElementsByTagName() 函數(shù)可返回帶有指定標(biāo)簽名的對(duì)象的集合

• element. getElementsByClassName() 函數(shù)返回文檔中所有指定類名的元素集合，作為 NodeList 對(duì)象

• element.getFeature() 函數(shù)返回指定特征的執(zhí)行APIs對(duì)象

• element.getUserData() 函數(shù)返回一個(gè)元素中關(guān)聯(lián)鍵值的對(duì)象

• element.hasAttribute() 函數(shù)通過名稱獲取屬性的值

• element.hasAttributes() 函數(shù)如果某節(jié)點(diǎn)有任何屬性時(shí)返回 true，否則返回 false

• element.hasChildNodes() 函數(shù)可在某節(jié)點(diǎn)用于任何子節(jié)點(diǎn)時(shí)返回 true，否則返回 fals

• element.hasfocus() 函數(shù)返回布爾值，用于檢測文檔(或文檔內(nèi)的任一元素)是否獲取焦點(diǎn)

• element.id 屬性設(shè)置或者發(fā)回元素的id

• element.innerHTML 屬性設(shè)置或返回表格行的開始和結(jié)束標(biāo)簽之間的 HTML

• element.insertBefore() 函數(shù)可在已有的子節(jié)點(diǎn)前插入一個(gè)新的子節(jié)點(diǎn)

• element.isContentEditable 屬性返回元素的內(nèi)容是否可編輯

• element.isDefaultNamespace() 函數(shù)如果指定的命名空間是默認(rèn)的 ，isDefaultNamespace() 方法返回 true，否則返回 false

• element.isEqualNode() 函數(shù)用于檢查兩個(gè)節(jié)點(diǎn)是否相等

• element.isSameNode() 函數(shù)可在某個(gè)節(jié)點(diǎn)與給定的節(jié)點(diǎn)是同一個(gè)節(jié)點(diǎn)時(shí)返回 true，否則返回 false

• element.isSupported() 函數(shù)用于判斷當(dāng)前節(jié)點(diǎn)是否支持某個(gè)特性

• element.lang 屬性設(shè)置或返回元素的語言

• element.lastChild 屬性可返回文檔的最后一個(gè)子節(jié)點(diǎn)

• element.namespaceURI 屬性為被選節(jié)點(diǎn)返回命名空間的 URI

• element.nextSibling 屬性可返回某個(gè)元素之后緊跟的元素（處于同一樹層級(jí)中）

• element.nodeName 屬性可依據(jù)節(jié)點(diǎn)的類型返回其名稱

• element.nodeType 屬性屬性返回節(jié)點(diǎn)類型

• element.nodeValue 屬性根據(jù)節(jié)點(diǎn)的類型設(shè)置或返回節(jié)點(diǎn)的值

• element.normalize() 函數(shù)合并相鄰的文本節(jié)點(diǎn)并刪除空的文本節(jié)點(diǎn)

• element.offsetHeight 屬性返回任何一個(gè)元素的高度包括邊框和填充，但不是邊距

• element.offsetWidth 屬性返回元素的寬度，包括邊框和填充，但不是邊距

• element.offsetLeft 屬性返回當(dāng)前元素的相對(duì)水平偏移位置的偏移容器

• element.offsetParent 屬性返回元素的偏移容器

• element.offsetTop 屬性返回當(dāng)前元素的相對(duì)垂直偏移位置的偏移容器

• element.ownerDocument 屬性可返回某元素的根元素

• element.parentNode 屬性可返回某節(jié)點(diǎn)的父節(jié)點(diǎn)

• element.previousSibling 屬性可返回某節(jié)點(diǎn)之前緊跟的節(jié)點(diǎn)（處于同一樹層級(jí)）

• element.querySelector() 函數(shù)返回匹配指定 CSS 選擇器元素的第一個(gè)子元素

• document.querySelectorAll() 函數(shù)返回匹配指定 CSS 選擇器元素的所有子元素節(jié)點(diǎn)列表

• element.removeAttribute() 函數(shù)刪除指定的屬性

• element.removeAttributeNode() 函數(shù)從元素中刪除指定的屬性節(jié)點(diǎn)

• element.removeChild() 函數(shù)可從子節(jié)點(diǎn)列表中刪除某個(gè)節(jié)點(diǎn)

• element.removeEventListener() 函數(shù)用于移除由 addEventListener() 方法添加的事件句柄

• element.replaceChild() 函數(shù)可將某個(gè)子節(jié)點(diǎn)替換為另一個(gè)，新節(jié)點(diǎn)可以是文本中已存在的，或者是你新創(chuàng)建的

• element.scrollHeight 屬性返回整個(gè)元素的高度（包括帶滾動(dòng)條的隱蔽的地方）

• element.scrollLeft 屬性返回當(dāng)前視圖中的實(shí)際元素的左邊緣和左邊緣之間的距離

• element.scrollTop 屬性返回當(dāng)前視圖中的實(shí)際元素的頂部邊緣和頂部邊緣之間的距離

• element.scrollWidth 屬性返回元素的整個(gè)寬度（包括帶滾動(dòng)條的隱蔽的地方）

• element.setAttribute() 函數(shù)創(chuàng)建或改變某個(gè)新屬性，如果指定屬性已經(jīng)存在,則只設(shè)置該值

• element.setAttributeNode() 函數(shù)用于添加新的屬性節(jié)點(diǎn)

• element.setIdAttribute() 函數(shù)

• element.setIdAttributeNode() 函數(shù)

• element.setUserData() 函數(shù)在元素中為指定鍵值關(guān)聯(lián)對(duì)象

• element.style 屬性設(shè)置或返回元素的樣式屬性

• element.tabIndex 屬性可設(shè)置或返回單選按鈕的 tab 鍵控制次序

• element.tagName 屬性返回元素的標(biāo)簽名

• element.textContent 屬性設(shè)置或者返回指定節(jié)點(diǎn)的文本內(nèi)容

• element.title 屬性設(shè)置或返回元素的標(biāo)題

• element.toString() 函數(shù) 一個(gè)元素轉(zhuǎn)換成字符串

• nodelist.item() 函數(shù)返回一個(gè)節(jié)點(diǎn)列表中指定索引的節(jié)點(diǎn)

• nodelist.length 屬性返回節(jié)點(diǎn)集合的數(shù)目

HTML DOM 屬性 (Attr) 對(duì)象

在 HTML DOM 中, Attr 對(duì)象 代表一個(gè) HTML 屬性。所有主流瀏覽器都支持 Attr 對(duì)象和 NamedNodeMap 對(duì)象 (在HTML DOM中, NamedNodeMap對(duì)象表示一個(gè)無順序的節(jié)點(diǎn)列表, 我們可通過節(jié)點(diǎn)名稱來訪問 NamedNodeMap 中的節(jié)點(diǎn))

• attr.isId 屬性如果屬性是 ID 類型（例如，包含了其所屬的元素的標(biāo)識(shí)符），則 isId 屬性返回 true，否則返回 false

• name 屬性返回屬性名稱

• value 屬性用于設(shè)置或者返回屬性的值。

• specified 屬性如果在文檔中設(shè)置了屬性值，則specified屬性返回 true，如果是 DTD/Schema 中的默認(rèn)值，則返回 false

• length 屬性可返回集合中節(jié)點(diǎn)的選項(xiàng)數(shù)目

• getNamedItem() 函數(shù)返回節(jié)點(diǎn)列表中指定屬性名的值

• item() 函數(shù)可返回節(jié)點(diǎn)列表中處于指定索引號(hào)的節(jié)點(diǎn)

• removeNamedItem() 函數(shù)可刪除指定的節(jié)點(diǎn)

• setNamedItem() 函數(shù)用于添加指定節(jié)點(diǎn)。如果節(jié)點(diǎn)已經(jīng)存在，它將被替換，并返回替換節(jié)點(diǎn)的值，否則將返回 null。

HTML DOM 事件 (Event) 對(duì)象

事件允許Javascript在HTML文檔元素中注冊不同事件處理程序。事件通常與函數(shù)結(jié)合使用，函數(shù)不會(huì)在事件發(fā)生前被執(zhí)行！

• 鼠標(biāo)事件

• onclick事件會(huì)在元素被點(diǎn)擊時(shí)發(fā)生

• oncontextmenu事件在元素中用戶右擊鼠標(biāo)時(shí)觸發(fā)并打開上下文菜單

• ondblclick事件會(huì)在對(duì)象被雙擊時(shí)發(fā)生

• onmousedown事件會(huì)在鼠標(biāo)按鍵被按下時(shí)發(fā)生。

• onmouseenter事件在鼠標(biāo)指針移動(dòng)到元素上時(shí)觸發(fā)

• onmouseleave事件在鼠標(biāo)移除元素時(shí)觸發(fā)

• onmousemove事件會(huì)在鼠標(biāo)指針移出指定的對(duì)象時(shí)發(fā)生

• onmouseover事件會(huì)在鼠標(biāo)指針移動(dòng)到指定的元素上時(shí)發(fā)生

• onmouseout事件會(huì)在鼠標(biāo)指針移出指定的對(duì)象時(shí)發(fā)生

• onmouseup事件會(huì)在鼠標(biāo)按鍵被松開時(shí)發(fā)生

• 鍵盤事件

• onkeydown事件會(huì)在用戶按下一個(gè)鍵盤按鍵時(shí)發(fā)生

• onkeypress事件會(huì)在鍵盤按鍵被按下并釋放一個(gè)鍵時(shí)發(fā)生

• onkeyup事件會(huì)在鍵盤按鍵被松開時(shí)發(fā)生

• 框架/對(duì)象（Frame/Object）事件

• onabort事件在用戶中止加載 或提交元素時(shí)觸發(fā)

• onbeforeunload事件在即將離開當(dāng)前頁面（刷新或關(guān)閉）時(shí)觸發(fā)

• onerror事件在加載外部文件（文檔或圖像）發(fā)生錯(cuò)誤時(shí)觸發(fā)

• onhashchange事件在當(dāng)前 URL 的錨部分(以 '#' 號(hào)為開始) 發(fā)生改變時(shí)觸發(fā)

• onload事件會(huì)在頁面或圖像加載完成后立即發(fā)生

• onpageshow事件在用戶瀏覽網(wǎng)頁時(shí)觸發(fā)

• onpagehide事件在用戶離開網(wǎng)頁時(shí)觸發(fā)

• onresize事件會(huì)在窗口或框架被調(diào)整大小時(shí)發(fā)生

• onscroll事件在元素滾動(dòng)條在滾動(dòng)時(shí)觸發(fā)

• onunload事件在用戶退出頁面時(shí)發(fā)生

• 表單事件

• onblur事件會(huì)在對(duì)象失去焦點(diǎn)時(shí)發(fā)生

• onchange事件會(huì)在域的內(nèi)容改變時(shí)發(fā)生

• onfocus事件在對(duì)象獲得焦點(diǎn)時(shí)發(fā)生

• onfocusin事件在一個(gè)元素即將獲得焦點(diǎn)時(shí)觸發(fā)

• onfocusout事件在元素即將失去焦點(diǎn)時(shí)觸發(fā)

• oninput事件在用戶輸入時(shí)觸發(fā)

• onreset事件在表單被重置后觸發(fā)

• onsearch事件在用戶按下"ENTER（回車）" 按鍵或點(diǎn)擊 type="search" 的 元素的 "x(搜索)" 按鈕時(shí)觸發(fā)

• onselect事件會(huì)在文本框中的文本被選中時(shí)發(fā)生

• onsubmit事件在表單提交時(shí)觸發(fā)

• 剪貼板事件

• oncopy事件在用戶拷貝元素上的內(nèi)容時(shí)觸發(fā)

• oncut事件在用戶剪切元素的內(nèi)容時(shí)觸發(fā)

• onpaste事件在用戶向元素中粘貼文本時(shí)觸發(fā)

• 打印事件

• onafterprint事件在頁面打印后觸發(fā)，或者打印對(duì)話框已經(jīng)關(guān)閉

• onbeforeprint事件在頁面即將打印時(shí)觸發(fā) (在打印窗口出現(xiàn)前

• 拖動(dòng)事件

• ondrag事件在元素或者選取的文本被拖動(dòng)時(shí)觸發(fā)

• ondragend事件在用戶完成元素或首選文本的拖動(dòng)時(shí)觸發(fā)

• ondragenter事件在拖動(dòng)的元素或選擇的文本進(jìn)入到有效的放置目標(biāo)時(shí)觸發(fā)

• ondragleave事件在可拖動(dòng)的元素或選取的文本移出放置目標(biāo)時(shí)執(zhí)觸發(fā)

• ondragover事件在可拖動(dòng)元素或選取的文本正在拖動(dòng)到放置目標(biāo)時(shí)觸發(fā)

• ondragstart事件在用戶開始拖動(dòng)元素或選擇的文本時(shí)觸發(fā)

• ondrop事件在可拖動(dòng)元素或選取的文本放置在目標(biāo)區(qū)域時(shí)觸發(fā)

• 多媒體（Media）事件

• onabort事件在視頻/音頻（audio/video）終止加載時(shí)觸

• oncanplay事件在用戶可以開始播放視頻/音頻（audio/video）時(shí)觸發(fā)。

• oncanplaythrough事件在視頻/音頻（audio/video）可以正常播放且無需停頓和緩沖時(shí)觸發(fā)

• ondurationchange事件在視頻/音頻（audio/video）的時(shí)長發(fā)生變化時(shí)觸發(fā)

• onemptied當(dāng)期播放列表為空時(shí)觸發(fā)

• onended事件在視頻/音頻（audio/video）播放結(jié)束時(shí)觸發(fā)

• onerror事件在視頻/音頻（audio/video）數(shù)據(jù)加載期間發(fā)生錯(cuò)誤時(shí)觸發(fā)

• onloadeddata事件在當(dāng)前幀的數(shù)據(jù)加載完成且還沒有足夠的數(shù)據(jù)播放視頻/音頻（audio/video）的下一幀時(shí)觸發(fā)

• onloadedmetadata事件在指定視頻/音頻（audio/video）的元數(shù)據(jù)加載后觸發(fā)

• onloadstart事件在瀏覽器開始尋找指定視頻/音頻（audio/video）觸發(fā)

• onpause事件在視頻/音頻（audio/video）暫停時(shí)觸發(fā)

• onplay事件在視頻/音頻（audio/video）開始播放時(shí)觸發(fā)

• onplaying事件在視頻/音頻（audio/video）暫停或者在緩沖后準(zhǔn)備重新開始播放時(shí)觸發(fā)

• onprogress事件在瀏覽器下載指定的視頻/音頻（audio/video）時(shí)觸發(fā)

• onratechange事件在視頻/音頻（audio/video）的播放速度發(fā)生改變時(shí)觸發(fā)

• onseeked事件在用戶重新定位視頻/音頻（audio/video）的播放位置后觸發(fā)

• onseeking事件在用戶開始重新定位視頻/音頻（audio/video）時(shí)觸發(fā)

• onstalled事件在瀏覽器獲取媒體數(shù)據(jù)，但媒體數(shù)據(jù)不可用時(shí)觸發(fā)

• onsuspend事件在瀏覽器讀取媒體數(shù)據(jù)中止時(shí)觸發(fā)

• ontimeupdate事件在視頻/音頻（audio/video）當(dāng)前的播放位置發(fā)送改變時(shí)觸發(fā)

• onvolumechangehttp://techbrood.com/jsref?p=event-onvolumechange

• onwaiting事件在視頻由于要播放下一幀而需要緩沖時(shí)觸發(fā)

• 動(dòng)畫事件

• animationend事件在 CSS 動(dòng)畫完成后觸發(fā)

• animationiteration事件在 CSS 動(dòng)畫重新播放時(shí)觸發(fā)

• animationstart事件在 CSS 動(dòng)畫開始播放時(shí)觸發(fā)

• 過渡事件

• transitionend事件在 CSS 完成過渡后觸發(fā)

• 其他事件

• onmessage該事件通過或者從對(duì)象(WebSocket, Web Worker, Event Source 或者子 frame 或父窗口)接收到消息時(shí)觸發(fā)

• ononline事件在瀏覽器開始在線工作時(shí)觸發(fā)

• onoffline事件在瀏覽器離線工作時(shí)觸發(fā)

• onpopstate該事件在窗口的瀏覽歷史（history 對(duì)象）發(fā)生改變時(shí)觸發(fā)

• onshow事件當(dāng) <menu> 元素在上下文菜單顯示時(shí)觸發(fā)

• onstorage該事件在 Web Storage(HTML 5 Web 存儲(chǔ))更新時(shí)觸發(fā)

• ontoggle事件在用戶打開或關(guān)閉 &lgt;details> 元素時(shí)觸發(fā)

• onwheel事件在鼠標(biāo)滾輪在元素上下滾動(dòng)時(shí)觸發(fā)