javascript原生事件句柄、BOM、DOM對象屬性方法總結

JS事件句柄

事件句柄類型說明

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

Window對象屬性

Window對象屬性類型說明

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

Window對象方法

Window對象方法類型說明

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

Navigator對象屬性

Navigator對象屬性類型說明

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

Screen對象屬性

Screen對象屬性類型說明

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

History對象屬性

History對象屬性類型說明

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

Location對象屬性

Location對象屬性類型說明

hash	Location對象屬性	設置或返回從井號 (#) 開始的 URL（錨）
host	Location對象屬性	設置或返回主機名和當前 URL 的端口號
hostname	Location對象屬性	設置或返回當前 URL 的主機名
href	Location對象屬性	設置或返回完整的 URL
pathname	Location對象屬性	設置或返回當前 URL 的路徑部分
port	Location對象屬性	設置或返回當前 URL 的端口號
protocol	Location對象屬性	設置或返回當前 URL 的協議
search	Location對象屬性	設置或返回從問號 (?) 開始的 URL（查詢部分）
assign()	Location對象方法	加載新的文檔
reload()	Location對象方法	重新加載當前文檔
replace()	Location對象方法	用新的文檔替換當前文檔

Document對象屬性

Document對象屬性類型說明

body	Document對象屬性	提供對 元素的直接訪問
cookie	Document對象屬性	設置或返回與當前文檔有關的所有 cookie
domain	Document對象屬性	返回當前文檔的域名
lastModified	Document對象屬性	返回文檔被最后修改的日期和時間
referrer	Document對象屬性	返回載入當前文檔的文檔的 URL
title	Document對象屬性	返回當前文檔的標題
URL	Document對象屬性	返回當前文檔的 URL

Document對象方法

Document對象方法類型說明

open()	Document對象方法	收集來自任何 document.write() document.writeln() 方法的輸出
close()	Document對象方法	關閉用 document.open() 方法打開的輸出流，并顯示選定的數據
getElementById()	Document對象方法	返回對擁有指定 id 的第一個對象的引用
getElementsByName()	Document對象方法	返回帶有指定名稱的對象集合
getElementsByTagName()	Document對象方法	返回帶有指定標簽名的對象集合
write()	Document對象方法	向文檔寫 HTML 表達式 或 JavaScript 代碼
writeln()	Document對象方法	等同于 write() 方法，不同的是在每個表達式之后寫一個換行符
preventDefault()	Document對象方法	通知瀏覽器不要執行與事件關聯的默認動作
stopPropagation()	Document對象方法	不再派發事件

Element對象屬性

Element對象屬性類型說明

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

Element對象方法

Element對象方法類型說明

element.appendChild()	Element對象方法	向元素添加新的子節點，作為最后一個子節點
element.cloneNode()	Element對象方法	克隆元素
element.compareDocumentPosition()	Element對象方法	比較兩個元素的文檔位置
element.getAttribute()	Element對象方法	返回元素節點的指定屬性值
element.getAttributeNode()	Element對象方法	返回指定的屬性節點
element.getElementsByTagName()	Element對象方法	返回擁有指定標簽名的所有子元素的集合
element.getFeature()	Element對象方法	返回實現了指定特性的 API 的某個對象
element.getUserData()	Element對象方法	返回關聯元素上鍵的對象
element.hasAttribute()	Element對象方法	如果元素擁有指定屬性，則返回true，否則返回 false
element.hasAttributes()	Element對象方法	如果元素擁有屬性，則返回 true，否則返回 false
element.hasChildNodes()	Element對象方法	如果元素擁有子節點，則返回 true，否則 false
element.insertBefore()	Element對象方法	在指定的已有的子節點之前插入新節點
element.isDefaultNamespace()	Element對象方法	如果指定的 namespaceURI 是默認的，則返回 true，否則返回 false
element.isEqualNode()	Element對象方法	檢查兩個元素是否相等
element.isSameNode()	Element對象方法	檢查兩個元素是否是相同的節點
element.isSupported()	Element對象方法	如果元素支持指定特性，則返回 true
element.normalize()	Element對象方法	合并元素中相鄰的文本節點，并移除空的文本節點
element.removeAttribute()	Element對象方法	從元素中移除指定屬性
element.removeAttributeNode()	Element對象方法	移除指定的屬性節點，并返回被移除的節點
element.removeChild()	Element對象方法	從元素中移除子節點
element.replaceChild()	Element對象方法	替換元素中的子節點
element.setAttribute()	Element對象方法	把指定屬性設置或更改為指定值
element.setAttributeNode()	Element對象方法	設置或更改指定屬性節點
element.setIdAttribute()	Element對象方法	-
element.setIdAttributeNode()	Element對象方法	-
element.setUserData()	Element對象方法	把對象關聯到元素上的鍵
element.toString()	Element對象方法	把元素轉換為字符串
nodelist.item()	Element對象方法	返回 NodeList 中位于指定下標的節點

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。