js 基礎(chǔ)學(xué)習(xí)地址：http://www.w3school.com.cn/

JS對(duì)象類型：本地對(duì)象、宿主對(duì)象（瀏覽器對(duì)象）、內(nèi)置對(duì)象

? ? ? ? ? ? 本地對(duì)象：獨(dú)立于宿主環(huán)境的ECMAScript實(shí)現(xiàn)提供的對(duì)象，簡單來說本地對(duì)象就是EMCA-262定義的類（引用類或者api類）。它們包括Array ? ?Boolean ?Date ? Function ? Number ?String ? Object ? RegExp Math ?Global??以及各種錯(cuò)誤對(duì)象Error等等。

? ? ? ? ? ? ? 宿主對(duì)象：執(zhí)行的js腳本的環(huán)境所提供的對(duì)象，其瀏覽器提供的對(duì)象。所以被本地對(duì)象都是宿主對(duì)象，所有BOM（window、Navigator、Screen、History、Location）和DOM對(duì)象都是宿主對(duì)象。 如document、timing、popupAlert、cookie。

? ? ? ? ? ? ? 內(nèi)置對(duì)象：獨(dú)立于宿主環(huán)境的所有對(duì)象，開發(fā)者不必明確實(shí)例化內(nèi)置對(duì)象，它已經(jīng)被實(shí)例化了。 Math ?Global 也屬于本地對(duì)象。

js宿主對(duì)象--BOM和DOM

1）window :當(dāng)前的窗口
window常用的方法：
open() ? 打開一個(gè)新的資源。
moveTo() 將窗口左上角的屏幕位置移動(dòng)到指定的 x 和 y 位置。
moveBy() ?相對(duì)于當(dāng)前的窗口移動(dòng)指定的 x 和 y 偏移值(左上角)。
setInterval() ?每隔指定的毫秒數(shù)指定指定的代碼。
setTimeout（） 經(jīng)過指定毫秒數(shù)指定一次指定的代碼。?
A）
open()方法接收4個(gè)參數(shù)，分別是 打開資源名；打開方式；打開的窗口大小位置；資源找不到是否用其他代替。

下面是一個(gè)例子：
function openImage()
{
window.open("image.html","_blank","height = 500pt,width = 350pt,top = 50pt,left = 450pt",false);
}

其中第三個(gè)參數(shù)設(shè)置各種屬性，我們用逗號(hào)分割開。
B）其它方法示例：
window.moveTo(100,100);
window.moveBy(30,0);?
傳入的參數(shù)都是移動(dòng)的數(shù)值，知識(shí)參考的原點(diǎn)不同。
C）setInterval() ?每隔指定的毫秒數(shù)指定指定的代碼。循環(huán)執(zhí)行
? 例子： var id = window.setInterval("showImage()",2000);
? 我們可以通過window.clearInterval(id); 來停止上面的執(zhí)行循環(huán)。
? ?setTimeout（） 經(jīng)過指定毫秒數(shù)指定一次指定的代碼。只執(zhí)行一次
? ?例子：window.setTimeout("showImage()",2000);

2）地址欄對(duì)象
location ?（url地址欄對(duì)象）
常用方法有
href: 設(shè)置或獲取整個(gè) URL 為字符串。
reload() ：重新加載頁面地址。
示例：
document.write("當(dāng)前地址欄的地址："+location.href); 獲取地址欄地址
location.href = "http://www.baidu.com"; ? ?設(shè)置地址欄地址
location.reload(); ?重新加載地址欄地址

3）navigator 對(duì)象

Navigator 對(duì)象包含有關(guān)瀏覽器的信息。

注釋：沒有應(yīng)用于 navigator 對(duì)象的公開標(biāo)準(zhǔn)，不過所有瀏覽器都支持該對(duì)象。

Navigator 對(duì)象集合

集合 描述

plugins[]	返回對(duì)文檔中所有嵌入式對(duì)象的引用。 該集合是一個(gè) Plugin 對(duì)象的數(shù)組，其中的元素代表瀏覽器已經(jīng)安裝的插件。Plug-in 對(duì)象提供的是有關(guān)插件的信息，其中包括它所支持的 MIME 類型的列表。 雖然 plugins[] 數(shù)組是由 IE 4 定義的，但是在 IE 4 中它卻總是空的，因?yàn)?IE 4 不支持插件和 Plugin 對(duì)象。

Navigator 對(duì)象屬性

屬性 描述

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

Navigator 對(duì)象方法

方法 描述

javaEnabled()	規(guī)定瀏覽器是否啟用 Java。
taintEnabled()	規(guī)定瀏覽器是否啟用數(shù)據(jù)污點(diǎn) (data tainting)。

Navigator 對(duì)象描述

Navigator 對(duì)象包含的屬性描述了正在使用的瀏覽器。可以使用這些屬性進(jìn)行平臺(tái)專用的配置。

雖然這個(gè)對(duì)象的名稱顯而易見的是 Netscape 的 Navigator 瀏覽器，但其他實(shí)現(xiàn)了 JavaScript 的瀏覽器也支持這個(gè)對(duì)象。

Navigator 對(duì)象的實(shí)例是唯一的，可以用 Window 對(duì)象的 navigator 屬性來引用它。

4）history 對(duì)象

History 對(duì)象

History 對(duì)象包含用戶（在瀏覽器窗口中）訪問過的 URL。

History 對(duì)象是 window 對(duì)象的一部分，可通過 window.history 屬性對(duì)其進(jìn)行訪問。

注釋：沒有應(yīng)用于 History 對(duì)象的公開標(biāo)準(zhǔn)，不過所有瀏覽器都支持該對(duì)象。

History 對(duì)象屬性

屬性 描述

length	返回瀏覽器歷史列表中的 URL 數(shù)量。

History 對(duì)象方法

方法 描述

back()	加載 history 列表中的前一個(gè) URL。
forward()	加載 history 列表中的下一個(gè) URL。
go()	加載 history 列表中的某個(gè)具體頁面。

History 對(duì)象描述

History 對(duì)象最初設(shè)計(jì)來表示窗口的瀏覽歷史。但出于隱私方面的原因，History 對(duì)象不再允許腳本訪問已經(jīng)訪問過的實(shí)際 URL。唯一保持使用的功能只有?back()、forward()?和?go()?方法。

例子

下面一行代碼執(zhí)行的操作與單擊后退按鈕執(zhí)行的操作一樣：

history.back()

下面一行代碼執(zhí)行的操作與單擊兩次后退按鈕執(zhí)行的操作一樣：

history.go(-2)

5）screen 對(duì)象

Screen 對(duì)象

Screen 對(duì)象包含有關(guān)客戶端顯示屏幕的信息。

注釋：沒有應(yīng)用于 screen 對(duì)象的公開標(biāo)準(zhǔn)，不過所有瀏覽器都支持該對(duì)象。

Screen 對(duì)象屬性

屬性 描述

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

Screen 對(duì)象描述

每個(gè) Window 對(duì)象的 screen 屬性都引用一個(gè) Screen 對(duì)象。Screen 對(duì)象中存放著有關(guān)顯示瀏覽器屏幕的信息。JavaScript 程序?qū)⒗眠@些信息來優(yōu)化它們的輸出，以達(dá)到用戶的顯示要求。例如，一個(gè)程序可以根據(jù)顯示器的尺寸選擇使用大圖像還是使用小圖像，它還可以根據(jù)顯示器的顏色深度選擇使用 16 位色還是使用 8 位色的圖形。另外，JavaScript 程序還能根據(jù)有關(guān)屏幕尺寸的信息將新的瀏覽器窗口定位在屏幕中間。

js 宿主對(duì)象DOM對(duì)象 -- document，event，element，attribute（四大對(duì)象）

Event 對(duì)象

Event 對(duì)象代表事件的狀態(tài)，比如事件在其中發(fā)生的元素、鍵盤按鍵的狀態(tài)、鼠標(biāo)的位置、鼠標(biāo)按鈕的狀態(tài)。

事件通常與函數(shù)結(jié)合使用，函數(shù)不會(huì)在事件發(fā)生前被執(zhí)行！

事件句柄　(Event Handlers)

HTML 4.0 的新特性之一是能夠使 HTML 事件觸發(fā)瀏覽器中的行為，比如當(dāng)用戶點(diǎn)擊某個(gè) HTML 元素時(shí)啟動(dòng)一段 JavaScript。下面是一個(gè)屬性列表，可將之插入 HTML 標(biāo)簽以定義事件的行為。

屬性 此事件發(fā)生在何時(shí)...

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

鼠標(biāo) / 鍵盤屬性

屬性 描述

altKey	返回當(dāng)事件被觸發(fā)時(shí)，"ALT" 是否被按下。
button	返回當(dāng)事件被觸發(fā)時(shí)，哪個(gè)鼠標(biāo)按鈕被點(diǎn)擊。
clientX	返回當(dāng)事件被觸發(fā)時(shí)，鼠標(biāo)指針的水平坐標(biāo)。
clientY	返回當(dāng)事件被觸發(fā)時(shí)，鼠標(biāo)指針的垂直坐標(biāo)。
ctrlKey	返回當(dāng)事件被觸發(fā)時(shí)，"CTRL" 鍵是否被按下。
metaKey	返回當(dāng)事件被觸發(fā)時(shí)，"meta" 鍵是否被按下。
relatedTarget	返回與事件的目標(biāo)節(jié)點(diǎn)相關(guān)的節(jié)點(diǎn)。
screenX	返回當(dāng)某個(gè)事件被觸發(fā)時(shí)，鼠標(biāo)指針的水平坐標(biāo)。
screenY	返回當(dāng)某個(gè)事件被觸發(fā)時(shí)，鼠標(biāo)指針的垂直坐標(biāo)。
shiftKey	返回當(dāng)事件被觸發(fā)時(shí)，"SHIFT" 鍵是否被按下。

IE 屬性

除了上面的鼠標(biāo)/事件屬性，IE 瀏覽器還支持下面的屬性：

屬性 描述

cancelBubble	如果事件句柄想阻止事件傳播到包容對(duì)象，必須把該屬性設(shè)為 true。
fromElement	對(duì)于 mouseover 和 mouseout 事件，fromElement 引用移出鼠標(biāo)的元素。
keyCode	對(duì)于 keypress 事件，該屬性聲明了被敲擊的鍵生成的 Unicode 字符碼。對(duì)于 keydown 和 keyup 事件，它指定了被敲擊的鍵的虛擬鍵盤碼。虛擬鍵盤碼可能和使用的鍵盤的布局相關(guān)。
offsetX,offsetY	發(fā)生事件的地點(diǎn)在事件源元素的坐標(biāo)系統(tǒng)中的 x 坐標(biāo)和 y 坐標(biāo)。
returnValue	如果設(shè)置了該屬性，它的值比事件句柄的返回值優(yōu)先級(jí)高。把這個(gè)屬性設(shè)置為 fasle，可以取消發(fā)生事件的源元素的默認(rèn)動(dòng)作。
srcElement	對(duì)于生成事件的 Window 對(duì)象、Document 對(duì)象或 Element 對(duì)象的引用。
toElement	對(duì)于 mouseover 和 mouseout 事件，該屬性引用移入鼠標(biāo)的元素。
x,y	事件發(fā)生的位置的 x 坐標(biāo)和 y 坐標(biāo)，它們相對(duì)于用CSS動(dòng)態(tài)定位的最內(nèi)層包容元素。

標(biāo)準(zhǔn) Event 屬性

下面列出了 2 級(jí) DOM 事件標(biāo)準(zhǔn)定義的屬性。

屬性 描述

bubbles	返回布爾值，指示事件是否是起泡事件類型。
cancelable	返回布爾值，指示事件是否可擁可取消的默認(rèn)動(dòng)作。
currentTarget	返回其事件監(jiān)聽器觸發(fā)該事件的元素。
eventPhase	返回事件傳播的當(dāng)前階段。
target	返回觸發(fā)此事件的元素（事件的目標(biāo)節(jié)點(diǎn)）。
timeStamp	返回事件生成的日期和時(shí)間。
type	返回當(dāng)前 Event 對(duì)象表示的事件的名稱。

標(biāo)準(zhǔn) Event 方法

下面列出了 2 級(jí) DOM 事件標(biāo)準(zhǔn)定義的方法。IE 的事件模型不支持這些方法：

方法 描述

initEvent()	初始化新創(chuàng)建的 Event 對(duì)象的屬性。
preventDefault()	通知瀏覽器不要執(zhí)行與事件關(guān)聯(lián)的默認(rèn)動(dòng)作。
stopPropagation()	不再派發(fā)事件。

Document 對(duì)象

每個(gè)載入瀏覽器的 HTML 文檔都會(huì)成為 Document 對(duì)象。

Document 對(duì)象使我們可以從腳本中對(duì) HTML 頁面中的所有元素進(jìn)行訪問。

提示：Document 對(duì)象是 Window 對(duì)象的一部分，可通過 window.document 屬性對(duì)其進(jìn)行訪問。

Document 對(duì)象集合

集合 描述

all[]	提供對(duì)文檔中所有 HTML 元素的訪問。
anchors[]	返回對(duì)文檔中所有 Anchor 對(duì)象的引用。
applets	返回對(duì)文檔中所有 Applet 對(duì)象的引用。
forms[]	返回對(duì)文檔中所有 Form 對(duì)象引用。
images[]	返回對(duì)文檔中所有 Image 對(duì)象引用。
links[]	返回對(duì)文檔中所有 Area 和 Link 對(duì)象引用。

Document 對(duì)象屬性

屬性 描述

body	提供對(duì) <body> 元素的直接訪問。 對(duì)于定義了框架集的文檔，該屬性引用最外層的 <frameset>。
cookie	設(shè)置或返回與當(dāng)前文檔有關(guān)的所有 cookie。
domain	返回當(dāng)前文檔的域名。
lastModified	返回文檔被最后修改的日期和時(shí)間。
referrer	返回載入當(dāng)前文檔的文檔的 URL。
title	返回當(dāng)前文檔的標(biāo)題。
URL	返回當(dāng)前文檔的 URL。

Document 對(duì)象方法

方法 描述

close()	關(guān)閉用 document.open() 方法打開的輸出流，并顯示選定的數(shù)據(jù)。
getElementById()	返回對(duì)擁有指定 id 的第一個(gè)對(duì)象的引用。
getElementsByName()	返回帶有指定名稱的對(duì)象集合。
getElementsByTagName()	返回帶有指定標(biāo)簽名的對(duì)象集合。
open()	打開一個(gè)流，以收集來自任何 document.write() 或 document.writeln() 方法的輸出。
write()	向文檔寫 HTML 表達(dá)式 或 JavaScript 代碼。
writeln()	等同于 write() 方法，不同的是在每個(gè)表達(dá)式之后寫一個(gè)換行符。

Document 對(duì)象描述

HTMLDocument 接口對(duì) DOM Document 接口進(jìn)行了擴(kuò)展，定義 HTML 專用的屬性和方法。

很多屬性和方法都是 HTMLCollection 對(duì)象（實(shí)際上是可以用數(shù)組或名稱索引的只讀數(shù)組），其中保存了對(duì)錨、表單、鏈接以及其他可腳本元素的引用。

這些集合屬性都源自于 0 級(jí) DOM。它們已經(jīng)被?Document.getElementsByTagName()?所取代，但是仍然常常使用，因?yàn)樗麄兒芊奖恪?/p>

write() 方法值得注意，在文檔載入和解析的時(shí)候，它允許一個(gè)腳本向文檔中插入動(dòng)態(tài)生成的內(nèi)容。

注意，在 1 級(jí) DOM 中，HTMLDocument 定義了一個(gè)名為?getElementById()?的非常有用的方法。在 2 級(jí) DOM 中，該方法已經(jīng)被轉(zhuǎn)移到了 Document 接口，它現(xiàn)在由 HTMLDocument 繼承而不是由它定義了。

Element 對(duì)象

在 HTML DOM 中，Element 對(duì)象表示 HTML 元素。

Element 對(duì)象可以擁有類型為元素節(jié)點(diǎn)、文本節(jié)點(diǎn)、注釋節(jié)點(diǎn)的子節(jié)點(diǎn)。

NodeList 對(duì)象表示節(jié)點(diǎn)列表，比如 HTML 元素的子節(jié)點(diǎn)集合。

元素也可以擁有屬性。屬性是屬性節(jié)點(diǎn)（參見下一節(jié)）。

瀏覽器支持

IE Firefox Chrome Safari Opera

?	?	?	?	?

所有瀏覽器都支持 Element 對(duì)象和 NodeList 對(duì)象。

屬性和方法

下面的屬性和方法可用于所有 HTML 元素上：

屬性 / 方法 描述

element.accessKey	設(shè)置或返回元素的快捷鍵。
element.appendChild()	向元素添加新的子節(jié)點(diǎn)，作為最后一個(gè)子節(jié)點(diǎn)。
element.attributes	返回元素屬性的 NamedNodeMap。
element.childNodes	返回元素子節(jié)點(diǎn)的 NodeList。
element.className	設(shè)置或返回元素的 class 屬性。
element.clientHeight	返回元素的可見高度。
element.clientWidth	返回元素的可見寬度。
element.cloneNode()	克隆元素。
element.compareDocumentPosition()	比較兩個(gè)元素的文檔位置。
element.contentEditable	設(shè)置或返回元素的文本方向。
element.dir	設(shè)置或返回元素的文本方向。
element.firstChild	返回元素的首個(gè)子。
element.getAttribute()	返回元素節(jié)點(diǎn)的指定屬性值。
element.getAttributeNode()	返回指定的屬性節(jié)點(diǎn)。
element.getElementsByTagName()	返回?fù)碛兄付?biāo)簽名的所有子元素的集合。
element.getFeature()	返回實(shí)現(xiàn)了指定特性的 API 的某個(gè)對(duì)象。
element.getUserData()	返回關(guān)聯(lián)元素上鍵的對(duì)象。
element.hasAttribute()	如果元素?fù)碛兄付▽傩?#xff0c;則返回true，否則返回 false。
element.hasAttributes()	如果元素?fù)碛袑傩?#xff0c;則返回 true，否則返回 false。
element.hasChildNodes()	如果元素?fù)碛凶庸?jié)點(diǎn)，則返回 true，否則 false。
element.id	設(shè)置或返回元素的 id。
element.innerHTML	設(shè)置或返回元素的內(nèi)容。
element.insertBefore()	在指定的已有的子節(jié)點(diǎn)之前插入新節(jié)點(diǎn)。
element.isContentEditable	設(shè)置或返回元素的內(nèi)容。
element.isDefaultNamespace()	如果指定的 namespaceURI 是默認(rèn)的，則返回 true，否則返回 false。
element.isEqualNode()	檢查兩個(gè)元素是否相等。
element.isSameNode()	檢查兩個(gè)元素是否是相同的節(jié)點(diǎn)。
element.isSupported()	如果元素支持指定特性，則返回 true。
element.lang	設(shè)置或返回元素的語言代碼。
element.lastChild	返回元素的最后一個(gè)子元素。
element.namespaceURI	返回元素的 namespace URI。
element.nextSibling	返回位于相同節(jié)點(diǎn)樹層級(jí)的下一個(gè)節(jié)點(diǎn)。
element.nodeName	返回元素的名稱。
element.nodeType	返回元素的節(jié)點(diǎn)類型。
element.nodeValue	設(shè)置或返回元素值。
element.normalize()	合并元素中相鄰的文本節(jié)點(diǎn)，并移除空的文本節(jié)點(diǎn)。
element.offsetHeight	返回元素的高度。
element.offsetWidth	返回元素的寬度。
element.offsetLeft	返回元素的水平偏移位置。
element.offsetParent	返回元素的偏移容器。
element.offsetTop	返回元素的垂直偏移位置。
element.ownerDocument	返回元素的根元素（文檔對(duì)象）。
element.parentNode	返回元素的父節(jié)點(diǎn)。
element.previousSibling	返回位于相同節(jié)點(diǎn)樹層級(jí)的前一個(gè)元素。
element.removeAttribute()	從元素中移除指定屬性。
element.removeAttributeNode()	移除指定的屬性節(jié)點(diǎn)，并返回被移除的節(jié)點(diǎn)。
element.removeChild()	從元素中移除子節(jié)點(diǎn)。
element.replaceChild()	替換元素中的子節(jié)點(diǎn)。
element.scrollHeight	返回元素的整體高度。
element.scrollLeft	返回元素左邊緣與視圖之間的距離。
element.scrollTop	返回元素上邊緣與視圖之間的距離。
element.scrollWidth	返回元素的整體寬度。
element.setAttribute()	把指定屬性設(shè)置或更改為指定值。
element.setAttributeNode()	設(shè)置或更改指定屬性節(jié)點(diǎn)。
element.setIdAttribute()	?
element.setIdAttributeNode()	?
element.setUserData()	把對(duì)象關(guān)聯(lián)到元素上的鍵。
element.style	設(shè)置或返回元素的 style 屬性。
element.tabIndex	設(shè)置或返回元素的 tab 鍵控制次序。
element.tagName	返回元素的標(biāo)簽名。
element.textContent	設(shè)置或返回節(jié)點(diǎn)及其后代的文本內(nèi)容。
element.title	設(shè)置或返回元素的 title 屬性。
element.toString()	把元素轉(zhuǎn)換為字符串。
nodelist.item()	返回 NodeList 中位于指定下標(biāo)的節(jié)點(diǎn)。
nodelist.length	返回 NodeList 中的節(jié)點(diǎn)數(shù)。

Attr 對(duì)象

在 HTML DOM 中，Attr?對(duì)象表示 HTML 屬性。

HTML 屬性始終屬于 HTML 元素。

NamedNodeMap 對(duì)象

在 HTML DOM 中，NamedNodeMap?對(duì)象表示元素屬性節(jié)點(diǎn)的無序集合。

NamedNodeMap 中的節(jié)點(diǎn)可通過名稱或索引（數(shù)字）來訪問。

瀏覽器支持

IE Firefox Chrome Safari Opera

?	?	?	?	?

所有瀏覽器都支持 Attr 對(duì)象和 NamedNodeMap 對(duì)象。

屬性和方法

屬性 / 方法 描述

attr.isId	如果屬性是 id 類型，則返回 true，否則返回 false。
attr.name	返回屬性的名稱。
attr.value	設(shè)置或返回屬性的值。
attr.specified	如果已指定屬性，則返回 true，否則返回 false。
nodemap.getNamedItem()	從 NamedNodeMap 返回指定的屬性節(jié)點(diǎn)。
nodemap.item()	返回 NamedNodeMap 中位于指定下標(biāo)的節(jié)點(diǎn)。
nodemap.length	返回 NamedNodeMap 中的節(jié)點(diǎn)數(shù)。
nodemap.removeNamedItem()	移除指定的屬性節(jié)點(diǎn)。
nodemap.setNamedItem()	設(shè)置指定的屬性節(jié)點(diǎn)（通過名稱）。

DOM 4 警告！

在 W3C DOM Core 中，Attr (attribute) 對(duì)象從 Node 對(duì)象繼承所有屬性和方法。

在 DOM 4 中，Attr 對(duì)象不再從 Node 繼承。

為了保證未來的代碼安全，您應(yīng)該避免在屬性對(duì)象上使用節(jié)點(diǎn)對(duì)象的屬性和方法：

屬性 / 方法 避免的理由

attr.appendChild()	屬性沒有子節(jié)點(diǎn)。
attr.attributes	屬性沒有屬性。
attr.baseURI	使用 document.baseURI 代替。
attr.childNodes	屬性沒有子節(jié)點(diǎn)。
attr.cloneNode()	使用 attr.value 代替。
attr.firstChild	屬性沒有子節(jié)點(diǎn)。
attr.hasAttributes()	屬性沒有屬性。
attr.hasChildNodes	屬性沒有子節(jié)點(diǎn)。
attr.insertBefore()	屬性沒有子節(jié)點(diǎn)。
attr.isEqualNode()	沒有意義。
attr.isSameNode()	沒有意義。
attr.isSupported()	始終為 true。
attr.lastChild	屬性沒有子節(jié)點(diǎn)。
attr.nextSibling	屬性沒有同級(jí)節(jié)點(diǎn)。
attr.nodeName	使用 attr.name 代替。
attr.nodeType	始終為 2 (ATTRIBUTE_NODE)。
attr.nodeValue	使用 attr.value 代替。
attr.normalize()	屬性無法被正?；?。
attr.ownerDocument	始終是您的 HTML 文檔。
attr.ownerElement	這是您用來訪問該屬性的 HTML 元素。
attr.parentNode	這是您用來訪問該屬性的 HTML 元素。
attr.previousSibling	屬性沒有同級(jí)節(jié)點(diǎn)。
attr.removeChild	屬性沒有子節(jié)點(diǎn)。
attr.replaceChild	屬性沒有子節(jié)點(diǎn)。
attr.textContent	使用 attr.value 代替。

總結(jié)

以上是生活随笔為你收集整理的js中的对象类型与具体的对象的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

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