javascript原生事件句柄、BOM、DOM對(duì)象屬性方法總結(jié)

JS事件句柄

事件句柄類型說(shuō)明

onabort	事件句柄	圖像加載被中斷
onblur	事件句柄	元素失去焦點(diǎn)
onfocus	事件句柄	元素獲得焦點(diǎn)
onchange	事件句柄	用戶改變域的內(nèi)容
onclick	事件句柄	鼠標(biāo)點(diǎn)擊某個(gè)對(duì)象
ondblclick	事件句柄	鼠標(biāo)雙擊某個(gè)對(duì)象
onerror	事件句柄	當(dāng)加載文檔或圖像時(shí)發(fā)生某個(gè)錯(cuò)誤
onkeydown	事件句柄	某個(gè)鍵盤(pán)的鍵被按下
onkeypress	事件句柄	某個(gè)鍵盤(pán)的鍵被按下或按住
onkeyup	事件句柄	某個(gè)鍵盤(pán)的鍵被松開(kāi)
onload	事件句柄	某個(gè)頁(yè)面或圖像被完成加載
onunload	事件句柄	用戶退出頁(yè)面
onmousedown	事件句柄	某個(gè)鼠標(biāo)按鍵被按下
onmouseup	事件句柄	某個(gè)鼠標(biāo)按鍵被松開(kāi)
onmousemove	事件句柄	鼠標(biāo)被移動(dòng)
onmouseover	事件句柄	鼠標(biāo)被移到某元素之上
onmouseout	事件句柄	鼠標(biāo)從某元素移開(kāi)
onselect	事件句柄	文本被選定
onreset	事件句柄	重置按鈕被點(diǎn)擊
onsubmit	事件句柄	提交按鈕被點(diǎn)擊
onresize	事件句柄	窗口或框架被調(diào)整尺寸

Window對(duì)象屬性

Window對(duì)象屬性類型說(shuō)明

closed	Window對(duì)象屬性	返回窗口是否已被關(guān)閉
defaultStatus	Window對(duì)象屬性	設(shè)置或返回窗口狀態(tài)欄中的默認(rèn)文本
document	Window對(duì)象屬性	對(duì) Document 對(duì)象的只讀引用
history	Window對(duì)象屬性	對(duì) History 對(duì)象的只讀引用
innerheight	Window對(duì)象屬性	返回窗口的文檔顯示區(qū)的高度
innerwidth	Window對(duì)象屬性	返回窗口的文檔顯示區(qū)的寬度
length	Window對(duì)象屬性	設(shè)置或返回窗口中的框架數(shù)量
location	Window對(duì)象屬性	用于窗口或框架的 Location 對(duì)象
name	Window對(duì)象屬性	設(shè)置或返回窗口的名稱
Navigator	Window對(duì)象屬性	對(duì) Navigator 對(duì)象的只讀引用
opener	Window對(duì)象屬性	返回對(duì)創(chuàng)建此窗口的窗口的引用
outerheight	Window對(duì)象屬性	返回窗口的外部高度
outerwidth	Window對(duì)象屬性	返回窗口的外部寬度
pageXOffset	Window對(duì)象屬性	設(shè)置或返回當(dāng)前頁(yè)面相對(duì)于窗口顯示區(qū)左上角的 X 位置
pageYOffset	Window對(duì)象屬性	設(shè)置或返回當(dāng)前頁(yè)面相對(duì)于窗口顯示區(qū)左上角的 Y 位置
parent	Window對(duì)象屬性	返回父窗口
Screen	Window對(duì)象屬性	對(duì) Screen 對(duì)象的只讀引用
self	Window對(duì)象屬性	返回對(duì)當(dāng)前窗口的引用
status	Window對(duì)象屬性	設(shè)置窗口狀態(tài)欄的文本
top	Window對(duì)象屬性	返回最頂層的先輩窗口
window	Window對(duì)象屬性	window 屬性等價(jià)于 self 屬性，它包含了對(duì)窗口自身的引用
screenLeft	Window對(duì)象屬性	聲明了窗口的左上角在屏幕上的 x 坐標(biāo)（IE、Safari 、 Opera）
screenX	Window對(duì)象屬性	聲明了窗口的左上角在屏幕上的 x 坐標(biāo)（Firefox 、Safari）
screenTop	Window對(duì)象屬性	聲明了窗口的左上角在屏幕上的 y 坐標(biāo)（IE、Safari 、 Opera）
screenY	Window對(duì)象屬性	聲明了窗口的左上角在屏幕上的 y 坐標(biāo)（Firefox 、 Safari）

Window對(duì)象方法

Window對(duì)象方法類型說(shuō)明

alert()	Window對(duì)象方法	顯示帶有一段消息和一個(gè)確認(rèn)按鈕的警告框
confirm()	Window對(duì)象方法	顯示帶有一段消息以及確認(rèn)按鈕和取消按鈕的對(duì)話框
prompt()	Window對(duì)象方法	顯示可提示用戶輸入的對(duì)話框
focus()	Window對(duì)象方法	把鍵盤(pán)焦點(diǎn)給予一個(gè)窗口
blur()	Window對(duì)象方法	把鍵盤(pán)焦點(diǎn)從頂層窗口移開(kāi)
setInterval()	Window對(duì)象方法	按照指定的周期（以毫秒計(jì)）來(lái)調(diào)用函數(shù)或計(jì)算表達(dá)式
setTimeout()	Window對(duì)象方法	在指定的毫秒數(shù)后調(diào)用函數(shù)或計(jì)算表達(dá)式
clearInterval()	Window對(duì)象方法	取消由 setInterval() 設(shè)置的 timeout
clearTimeout()	Window對(duì)象方法	取消由 setTimeout() 方法設(shè)置的 timeout
open()	Window對(duì)象方法	打開(kāi)一個(gè)新的瀏覽器窗口或查找一個(gè)已命名的窗口
close()	Window對(duì)象方法	關(guān)閉瀏覽器窗口
createPopup()	Window對(duì)象方法	創(chuàng)建一個(gè) pop-up 窗口
moveBy()	Window對(duì)象方法	可相對(duì)窗口的當(dāng)前坐標(biāo)把它移動(dòng)指定的像素
moveTo()	Window對(duì)象方法	把窗口的左上角移動(dòng)到一個(gè)指定的坐標(biāo)
print()	Window對(duì)象方法	打印當(dāng)前窗口的內(nèi)容
resizeBy()	Window對(duì)象方法	按照指定的像素調(diào)整窗口的大小
resizeTo()	Window對(duì)象方法	把窗口的大小調(diào)整到指定的寬度和高度
scrollBy()	Window對(duì)象方法	按照指定的像素值來(lái)滾動(dòng)內(nèi)容
scrollTo()	Window對(duì)象方法	把內(nèi)容滾動(dòng)到指定的坐標(biāo)

Navigator對(duì)象屬性

Navigator對(duì)象屬性類型說(shuō)明

appCodeName	Navigator對(duì)象屬性	返回瀏覽器的代碼名
appMinorVersion	Navigator對(duì)象屬性	返回瀏覽器的次級(jí)版本
appName	Navigator對(duì)象屬性	返回瀏覽器的名稱
appVersion	Navigator對(duì)象屬性	返回瀏覽器的平臺(tái)和版本信息
browserLanguage	Navigator對(duì)象屬性	返回當(dāng)前瀏覽器的語(yǔ)言
cookieEnabled	Navigator對(duì)象屬性	返回指明瀏覽器中是否啟用 cookie 的布爾值
cpuClass	Navigator對(duì)象屬性	返回瀏覽器系統(tǒng)的 CPU 等級(jí)
onLine	Navigator對(duì)象屬性	返回指明系統(tǒng)是否處于脫機(jī)模式的布爾值
platform	Navigator對(duì)象屬性	返回運(yùn)行瀏覽器的操作系統(tǒng)平臺(tái)
systemLanguage	Navigator對(duì)象屬性	返回 OS 使用的默認(rèn)語(yǔ)言
userAgent	Navigator對(duì)象屬性	返回由客戶機(jī)發(fā)送服務(wù)器的 user-agent 頭部的值
userLanguage	Navigator對(duì)象屬性	返回 OS 的自然語(yǔ)言設(shè)置
javaEnabled()	Navigator對(duì)象方法	規(guī)定瀏覽器是否啟用 Java
taintEnabled()	Navigator對(duì)象方法	規(guī)定瀏覽器是否啟用數(shù)據(jù)污點(diǎn) (data tainting)

Screen對(duì)象屬性

Screen對(duì)象屬性類型說(shuō)明

availHeight	Screen對(duì)象屬性	返回顯示屏幕的高度 (除 Windows 任務(wù)欄之外)
availWidth	Screen對(duì)象屬性	返回顯示屏幕的寬度 (除 Windows 任務(wù)欄之外)
bufferDepth	Screen對(duì)象屬性	設(shè)置或返回調(diào)色板的比特深度
colorDepth	Screen對(duì)象屬性	返回目標(biāo)設(shè)備或緩沖器上的調(diào)色板的比特深度
deviceXDPI	Screen對(duì)象屬性	返回顯示屏幕的每英寸水平點(diǎn)數(shù)
deviceYDPI	Screen對(duì)象屬性	返回顯示屏幕的每英寸垂直點(diǎn)數(shù)
fontSmoothingEnabled	Screen對(duì)象屬性	返回用戶是否在顯示控制面板中啟用了字體平滑
height	Screen對(duì)象屬性	返回顯示屏幕的高度
logicalXDPI	Screen對(duì)象屬性	返回顯示屏幕每英寸的水平方向的常規(guī)點(diǎn)數(shù)
logicalYDPI	Screen對(duì)象屬性	返回顯示屏幕每英寸的垂直方向的常規(guī)點(diǎn)數(shù)
pixelDepth	Screen對(duì)象屬性	返回顯示屏幕的顏色分辨率（比特每像素）
updateInterval	Screen對(duì)象屬性	設(shè)置或返回屏幕的刷新率
width	Screen對(duì)象屬性	返回顯示器屏幕的寬度

History對(duì)象屬性

History對(duì)象屬性類型說(shuō)明

length	History對(duì)象屬性	返回瀏覽器歷史列表中的 URL 數(shù)量
back()	History對(duì)象方法	加載 history 列表中的前一個(gè) URL
forward()	History對(duì)象方法	加載 history 列表中的下一個(gè) URL
go()	History對(duì)象方法	加載 history 列表中的某個(gè)具體頁(yè)面

Location對(duì)象屬性

Location對(duì)象屬性類型說(shuō)明

hash	Location對(duì)象屬性	設(shè)置或返回從井號(hào) (#) 開(kāi)始的 URL（錨）
host	Location對(duì)象屬性	設(shè)置或返回主機(jī)名和當(dāng)前 URL 的端口號(hào)
hostname	Location對(duì)象屬性	設(shè)置或返回當(dāng)前 URL 的主機(jī)名
href	Location對(duì)象屬性	設(shè)置或返回完整的 URL
pathname	Location對(duì)象屬性	設(shè)置或返回當(dāng)前 URL 的路徑部分
port	Location對(duì)象屬性	設(shè)置或返回當(dāng)前 URL 的端口號(hào)
protocol	Location對(duì)象屬性	設(shè)置或返回當(dāng)前 URL 的協(xié)議
search	Location對(duì)象屬性	設(shè)置或返回從問(wèn)號(hào) (?) 開(kāi)始的 URL（查詢部分）
assign()	Location對(duì)象方法	加載新的文檔
reload()	Location對(duì)象方法	重新加載當(dāng)前文檔
replace()	Location對(duì)象方法	用新的文檔替換當(dāng)前文檔

Document對(duì)象屬性

Document對(duì)象屬性類型說(shuō)明

body	Document對(duì)象屬性	提供對(duì) 元素的直接訪問(wèn)
cookie	Document對(duì)象屬性	設(shè)置或返回與當(dāng)前文檔有關(guān)的所有 cookie
domain	Document對(duì)象屬性	返回當(dāng)前文檔的域名
lastModified	Document對(duì)象屬性	返回文檔被最后修改的日期和時(shí)間
referrer	Document對(duì)象屬性	返回載入當(dāng)前文檔的文檔的 URL
title	Document對(duì)象屬性	返回當(dāng)前文檔的標(biāo)題
URL	Document對(duì)象屬性	返回當(dāng)前文檔的 URL

Document對(duì)象方法

Document對(duì)象方法類型說(shuō)明

open()	Document對(duì)象方法	收集來(lái)自任何 document.write() document.writeln() 方法的輸出
close()	Document對(duì)象方法	關(guān)閉用 document.open() 方法打開(kāi)的輸出流，并顯示選定的數(shù)據(jù)
getElementById()	Document對(duì)象方法	返回對(duì)擁有指定 id 的第一個(gè)對(duì)象的引用
getElementsByName()	Document對(duì)象方法	返回帶有指定名稱的對(duì)象集合
getElementsByTagName()	Document對(duì)象方法	返回帶有指定標(biāo)簽名的對(duì)象集合
write()	Document對(duì)象方法	向文檔寫(xiě) HTML 表達(dá)式 或 JavaScript 代碼
writeln()	Document對(duì)象方法	等同于 write() 方法，不同的是在每個(gè)表達(dá)式之后寫(xiě)一個(gè)換行符
preventDefault()	Document對(duì)象方法	通知瀏覽器不要執(zhí)行與事件關(guān)聯(lián)的默認(rèn)動(dòng)作
stopPropagation()	Document對(duì)象方法	不再派發(fā)事件

Element對(duì)象屬性

Element對(duì)象屬性類型說(shuō)明

element.accessKey	Element對(duì)象屬性	設(shè)置或返回元素的快捷鍵
element.attributes	Element對(duì)象屬性	返回元素屬性的 NamedNodeMap
element.childNodes	Element對(duì)象屬性	返回元素子節(jié)點(diǎn)的 NodeList
element.className	Element對(duì)象屬性	設(shè)置或返回元素的 class 屬性
element.clientHeight	Element對(duì)象屬性	返回元素的可見(jiàn)高度
element.clientWidth	Element對(duì)象屬性	返回元素的可見(jiàn)寬度
element.contentEditable	Element對(duì)象屬性	設(shè)置或返回元素的內(nèi)容是否可編輯
element.dir	Element對(duì)象屬性	設(shè)置或返回元素的文本方向
element.firstChild	Element對(duì)象屬性	返回元素的首個(gè)子元素
element.lastChild	Element對(duì)象屬性	返回元素的最后一個(gè)子元素
element.id	Element對(duì)象屬性	設(shè)置或返回元素的 id
element.innerHTML	Element對(duì)象屬性	設(shè)置或返回元素的內(nèi)容
element.isContentEditable	Element對(duì)象屬性	設(shè)置或返回元素的內(nèi)容
element.lang	Element對(duì)象屬性	設(shè)置或返回元素的語(yǔ)言代碼
element.namespaceURI	Element對(duì)象屬性	返回元素的 namespace URI
element.nextSibling	Element對(duì)象屬性	返回位于相同節(jié)點(diǎn)樹(shù)層級(jí)的下一個(gè)節(jié)點(diǎn)
element.nodeName	Element對(duì)象屬性	返回元素的節(jié)點(diǎn)名稱
element.nodeType	Element對(duì)象屬性	返回元素的節(jié)點(diǎn)類型
element.nodeValue	Element對(duì)象屬性	設(shè)置或返回元素值
element.offsetHeight	Element對(duì)象屬性	返回元素的高度
element.offsetWidth	Element對(duì)象屬性	返回元素的寬度
element.offsetLeft	Element對(duì)象屬性	返回元素的水平偏移位置
element.offsetTop	Element對(duì)象屬性	返回元素的垂直偏移位置
element.offsetParent	Element對(duì)象屬性	返回元素的偏移容器
element.ownerDocument	Element對(duì)象屬性	返回元素的根元素（文檔對(duì)象）
element.parentNode	Element對(duì)象屬性	返回元素的父節(jié)點(diǎn)
element.previousSibling	Element對(duì)象屬性	返回位于相同節(jié)點(diǎn)樹(shù)層級(jí)的前一個(gè)元素
element.scrollWidth	Element對(duì)象屬性	返回元素的整體寬度
element.scrollHeight	Element對(duì)象屬性	返回元素的整體高度
element.scrollLeft	Element對(duì)象屬性	返回元素左邊緣與視圖之間的距離
element.scrollTop	Element對(duì)象屬性	返回元素上邊緣與視圖之間的距離
element.style	Element對(duì)象屬性	設(shè)置或返回元素的 style 屬性
element.tabIndex	Element對(duì)象屬性	設(shè)置或返回元素的 tab 鍵控制次序
element.tagName	Element對(duì)象屬性	返回元素的標(biāo)簽名
element.textContent	Element對(duì)象屬性	設(shè)置或返回節(jié)點(diǎn)及其后代的文本內(nèi)容
element.title	Element對(duì)象屬性	設(shè)置或返回元素的 title 屬性
nodelist.length	Element對(duì)象屬性	返回 NodeList 中的節(jié)點(diǎn)數(shù)

Element對(duì)象方法

Element對(duì)象方法類型說(shuō)明

element.appendChild()	Element對(duì)象方法	向元素添加新的子節(jié)點(diǎn)，作為最后一個(gè)子節(jié)點(diǎn)
element.cloneNode()	Element對(duì)象方法	克隆元素
element.compareDocumentPosition()	Element對(duì)象方法	比較兩個(gè)元素的文檔位置
element.getAttribute()	Element對(duì)象方法	返回元素節(jié)點(diǎn)的指定屬性值
element.getAttributeNode()	Element對(duì)象方法	返回指定的屬性節(jié)點(diǎn)
element.getElementsByTagName()	Element對(duì)象方法	返回?fù)碛兄付?biāo)簽名的所有子元素的集合
element.getFeature()	Element對(duì)象方法	返回實(shí)現(xiàn)了指定特性的 API 的某個(gè)對(duì)象
element.getUserData()	Element對(duì)象方法	返回關(guān)聯(lián)元素上鍵的對(duì)象
element.hasAttribute()	Element對(duì)象方法	如果元素?fù)碛兄付▽傩?#xff0c;則返回true，否則返回 false
element.hasAttributes()	Element對(duì)象方法	如果元素?fù)碛袑傩?#xff0c;則返回 true，否則返回 false
element.hasChildNodes()	Element對(duì)象方法	如果元素?fù)碛凶庸?jié)點(diǎn)，則返回 true，否則 false
element.insertBefore()	Element對(duì)象方法	在指定的已有的子節(jié)點(diǎn)之前插入新節(jié)點(diǎn)
element.isDefaultNamespace()	Element對(duì)象方法	如果指定的 namespaceURI 是默認(rèn)的，則返回 true，否則返回 false
element.isEqualNode()	Element對(duì)象方法	檢查兩個(gè)元素是否相等
element.isSameNode()	Element對(duì)象方法	檢查兩個(gè)元素是否是相同的節(jié)點(diǎn)
element.isSupported()	Element對(duì)象方法	如果元素支持指定特性，則返回 true
element.normalize()	Element對(duì)象方法	合并元素中相鄰的文本節(jié)點(diǎn)，并移除空的文本節(jié)點(diǎn)
element.removeAttribute()	Element對(duì)象方法	從元素中移除指定屬性
element.removeAttributeNode()	Element對(duì)象方法	移除指定的屬性節(jié)點(diǎn)，并返回被移除的節(jié)點(diǎn)
element.removeChild()	Element對(duì)象方法	從元素中移除子節(jié)點(diǎn)
element.replaceChild()	Element對(duì)象方法	替換元素中的子節(jié)點(diǎn)
element.setAttribute()	Element對(duì)象方法	把指定屬性設(shè)置或更改為指定值
element.setAttributeNode()	Element對(duì)象方法	設(shè)置或更改指定屬性節(jié)點(diǎn)
element.setIdAttribute()	Element對(duì)象方法	-
element.setIdAttributeNode()	Element對(duì)象方法	-
element.setUserData()	Element對(duì)象方法	把對(duì)象關(guān)聯(lián)到元素上的鍵
element.toString()	Element對(duì)象方法	把元素轉(zhuǎn)換為字符串
nodelist.item()	Element對(duì)象方法	返回 NodeList 中位于指定下標(biāo)的節(jié)點(diǎn)

總結(jié)

以上是生活随笔為你收集整理的javascript原生事件句柄、BOM、DOM对象属性方法总结的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。