摘要：方法可用的屏幕高度窗口可用的屏幕寬度瀏覽器表示的顏色位數(shù)用戶瀏覽器表示的顏色位數(shù)屏幕的像素高度屏幕的像素寬度對(duì)象返回前一個(gè)返回下一個(gè)返回某個(gè)具體頁(yè)面

事件:鼠標(biāo)事件,鍵盤事件,進(jìn)度事件,表單事件,觸摸事件,拖拉事件,其他常見(jiàn)事件.GlobalEventHandler接口
DOM(文檔對(duì)象模型)是JavaScript操作網(wǎng)頁(yè)的接口,將網(wǎng)頁(yè)轉(zhuǎn)為一個(gè)樹(shù)狀結(jié)構(gòu),所有的節(jié)點(diǎn)都有借口.
DOM的最小單位是節(jié)點(diǎn),節(jié)點(diǎn)的類型有七種且都繼承Node,Document(整個(gè)文檔樹(shù)的頂層節(jié)點(diǎn)),DocumentType(doctype標(biāo)簽),

Element(網(wǎng)頁(yè)的各種HTML標(biāo)簽),Attrbute(網(wǎng)頁(yè)元素的屬性),Text(標(biāo)簽之間或標(biāo)簽包含的文本),Commnet(注釋),
 DocumentFragment(文檔的片段).

瀏覽器原生提供document節(jié)點(diǎn),代表整個(gè)文檔.網(wǎng)頁(yè)的第一個(gè)標(biāo)簽,作為根節(jié)點(diǎn),其他節(jié)點(diǎn)有三種層級(jí)關(guān)系:父節(jié)點(diǎn)關(guān)系,子節(jié)點(diǎn)關(guān)系,同級(jí)關(guān)系.
DOM:nodeName:節(jié)點(diǎn)的名稱nodeValue節(jié)點(diǎn)的值nodeType:節(jié)點(diǎn)的類型.除根節(jié)點(diǎn),所有節(jié)點(diǎn)都有:父節(jié)點(diǎn),子節(jié)點(diǎn),同級(jí)節(jié)點(diǎn).
(1):子節(jié)點(diǎn): childNodes:獲取子節(jié)點(diǎn)列表 firstChild:第一個(gè)節(jié)點(diǎn) lastChild:最后一個(gè)節(jié)點(diǎn) children: 元素的子節(jié)點(diǎn) firstElementChild:第一個(gè)子元素節(jié)點(diǎn) lastElementChild :最后一個(gè)節(jié)點(diǎn)
兄弟節(jié)點(diǎn): previousSibling:前一個(gè)兄弟節(jié)點(diǎn) nextSibling下一個(gè)兄弟節(jié)點(diǎn) previousElementSibling:前一個(gè)兄弟元素節(jié)點(diǎn). nextElementSibling :后一個(gè)兄弟元素節(jié)點(diǎn).
創(chuàng)建節(jié)點(diǎn): createElement() : 創(chuàng)建新的元素節(jié)點(diǎn) createTextNode():創(chuàng)建一個(gè)新的文本節(jié)點(diǎn)
node_textContent : 獲取或設(shè)置元素節(jié)點(diǎn)的文本內(nèi)容 node_innerHTML :獲取或設(shè)置元素的HTML內(nèi)容
向上獲取:parentNode 獲取已知節(jié)點(diǎn)的父節(jié)點(diǎn). parentElement和closest
向下獲取:querySelector() querySelectorAll() children firstchildren lastChildren chilNodes
兄弟元素: nextElementSibling prevliousElementSibling nextSibling previousSibling
2.document(4):
getElementsByName() : 返回帶有"指定名稱"的節(jié)點(diǎn)樹(shù)對(duì)象的"集合""==返回元素的數(shù)組.
getElementsByTagName() : 返回帶有指定”標(biāo)簽名的節(jié)點(diǎn)對(duì)象”的集合,返回的順序與在文檔中相同.
getElementById() : 獲取元素ID.
getElementsByClassName(classname) :返回所有指定class元素相同的元素.
document.querySelector("CSS選擇器") //返回的內(nèi)容始終找到的是HTML中指定的第一個(gè)元素.
document.querySelectorAll("CSS選擇器") // 函數(shù)返回所有元素,它找到匹配你提供的任何選擇器.
3.屬性操作(3):
獲取屬性 getAttribute() : 通過(guò)元素節(jié)點(diǎn)的屬性名稱獲取屬性的值.
設(shè)置屬性 setSttribue() : 創(chuàng)建或改變?cè)毓?jié)點(diǎn)的屬性.
刪除屬性 removeAttribute : 通過(guò)元素節(jié)點(diǎn)的屬性名稱刪除節(jié)點(diǎn)屬性.
4.節(jié)點(diǎn)操作(8):
插入節(jié)點(diǎn) appendChild() :在指定節(jié)點(diǎn)的最后一個(gè)子節(jié)點(diǎn)列表之后插入一個(gè)新的子節(jié)點(diǎn)
插入節(jié)點(diǎn) insertBefore() : 在已有的子節(jié)點(diǎn)前插入一個(gè)新的子節(jié)點(diǎn).
刪除節(jié)點(diǎn) removeChild() : 刪除子節(jié)點(diǎn)列表的某個(gè)節(jié)點(diǎn),刪除成功,返回被刪除的節(jié)點(diǎn),否返回null.
復(fù)制節(jié)點(diǎn) cloneNode 語(yǔ)法: 節(jié)點(diǎn).cloneNode(true/flase). 復(fù)制當(dāng)前節(jié)點(diǎn)及其所有子節(jié)點(diǎn) flase 僅復(fù)制當(dāng)前節(jié)點(diǎn).
替換節(jié)點(diǎn) replaceChild() : 實(shí)現(xiàn)子節(jié)點(diǎn)(對(duì)象)的替換,返回被替換對(duì)象的引用.
創(chuàng)建元素節(jié)點(diǎn)createElement:創(chuàng)建元素節(jié)點(diǎn),此方法可返回一個(gè)Element對(duì)象.語(yǔ)法document.createElement(tagName).
創(chuàng)建文本節(jié)點(diǎn) createTextNode : 創(chuàng)建新的文本節(jié)點(diǎn),返回新創(chuàng)建的Text節(jié)點(diǎn). 語(yǔ)法: document.createNode(data).
創(chuàng)建屬性節(jié)點(diǎn)createAttribute :創(chuàng)建屬性節(jié)點(diǎn).語(yǔ)法: document.createAttribute(元素元素屬性).
5.文本操作(6):
insertData(offset,String) : 從offset指定位置插入string.
appendData(String) : 將string插入文本節(jié)點(diǎn)的末尾處.
deletaDate(offset,count) : 從offset起刪除count個(gè)字符.
replaceData(off,count,string) 從off將count個(gè)字符用string替代.
splitData(offset) 從offset起將文本分成兩個(gè)節(jié)點(diǎn).
substring(offset,count) 返回由offset起的count個(gè)節(jié)點(diǎn).
6.小操作
console.log(document.getElementsByTagName("*"));
console.log(document.all);
事件:所有的元素都有事件,為事件綁定函數(shù),元素事件發(fā)生,就會(huì)觸發(fā)對(duì)應(yīng)的函數(shù).
HTML與JS之間的交互通過(guò)事件來(lái)實(shí)現(xiàn),事件是文檔與瀏覽器窗口發(fā)生的一些特定的交互瞬間,每種動(dòng)作:load,click等.
冒泡事件:由里向外,最里層的元素先執(zhí)行,然后冒泡到外層.
捕獲事件:由外到內(nèi),最外層的元素先執(zhí)行,然后傳遞到內(nèi)部.
只需修改 addEventListener的第三個(gè)參數(shù)，true 為捕獲，false 為冒泡，默認(rèn)為冒泡
在頁(yè)首的腳本添加onload事件,可以使其延遲加載.等待DOM結(jié)構(gòu)完成之后,故最好將外部js腳本放在頁(yè)尾.
常見(jiàn)事件:
onclick 鼠標(biāo)單擊時(shí)觸發(fā)的事件 ondblclick 鼠標(biāo)雙擊時(shí)觸發(fā)的事件 onmouseover 鼠標(biāo)移動(dòng)到某對(duì)象范圍的上方時(shí)觸發(fā)此事件
onmouseout 鼠標(biāo)離開(kāi)某對(duì)象范圍時(shí)觸發(fā) onmousedown 鼠標(biāo)按下時(shí)觸發(fā)此事件 onmouseup 鼠標(biāo)按下后松開(kāi)鼠標(biāo)時(shí)觸發(fā)此事件
onmousemove 鼠標(biāo)移動(dòng)時(shí)觸發(fā)此事件
鍵盤事件:
onkeypress 鍵盤上的某個(gè)鍵被按下并且釋放時(shí)觸發(fā)此事件 onkeydown 鍵盤上某個(gè)按鍵被按下時(shí)觸發(fā)此事件
onkeyup 當(dāng)鍵盤上某個(gè)按鍵被按放開(kāi)時(shí)觸發(fā)此事件
頁(yè)面相關(guān)事件:
onscroll 瀏覽器的滾動(dòng)條位置發(fā)生變化時(shí)觸發(fā)此事件 onload 頁(yè)面內(nèi)容完成時(shí)觸發(fā)此事件
onbeforeunload 當(dāng)前頁(yè)面的內(nèi)容將要被改變時(shí)觸發(fā)此事件 onerror 出現(xiàn)錯(cuò)誤時(shí)觸發(fā)此事件
onmove 瀏覽器的窗口被移動(dòng)時(shí)觸發(fā)此事件 onresize 當(dāng)瀏覽器的窗口大小被改變時(shí)觸發(fā)此事件
onstop 瀏覽器的停止按鈕被按下時(shí)觸發(fā)此事件或者正在下載的文件被中斷 onunload 當(dāng)前頁(yè)面將被改變時(shí)觸發(fā)此事件
表單相關(guān)事件:
onfocus 當(dāng)某個(gè)元素獲得焦點(diǎn)時(shí)觸發(fā)此事件 onchange 當(dāng)前元素失去焦點(diǎn)并且元素的內(nèi)容發(fā)生改變而觸發(fā)此事件
onsubmit 一個(gè)表單被遞交時(shí)觸發(fā)此事件 onreset 當(dāng)表單中RESET的屬性被激發(fā)時(shí)觸發(fā)此事件
頁(yè)面編輯事件:
onbeforecopy 當(dāng)頁(yè)面當(dāng)前的被選擇內(nèi)容將要[復(fù)制]到瀏覽者系統(tǒng)的剪貼板前觸發(fā)此事件
onbeforecut 當(dāng)頁(yè)面當(dāng)前的被選擇內(nèi)容將要[剪切]到瀏覽者系統(tǒng)的剪貼板前觸發(fā)此事件
onbeforeeditfocus 當(dāng)前元素將要進(jìn)入[編輯]狀態(tài)
onbeforepaste 內(nèi)容將要從瀏覽者的系統(tǒng)剪貼板傳送[粘貼]到頁(yè)面中時(shí)觸發(fā)此事件
onbeforeupdate 當(dāng)瀏覽者[粘貼]系統(tǒng)剪貼板中的內(nèi)容時(shí)通知目標(biāo)對(duì)象
oncontextmenu 當(dāng)瀏覽者按下鼠標(biāo)右鍵出現(xiàn)菜單時(shí)或者通過(guò)鍵盤的按鍵觸發(fā)頁(yè)面菜單時(shí)觸發(fā)的事件
oncopy 當(dāng)頁(yè)面當(dāng)前的被選擇內(nèi)容被[復(fù)制]后觸發(fā)此事件 oncut 當(dāng)頁(yè)面當(dāng)前的被選擇內(nèi)容被剪切時(shí)觸發(fā)此事件
onpaste 當(dāng)內(nèi)容被粘貼時(shí)觸發(fā)此事件 onselect 當(dāng)文本內(nèi)容被選擇時(shí)的事件
onselectstart 當(dāng)文本內(nèi)容選擇將開(kāi)始發(fā)生時(shí)觸發(fā)的事件ondrag 當(dāng)某個(gè)對(duì)象被拖動(dòng)時(shí)觸發(fā)此事件 [活動(dòng)事件]
ondragdrop 一個(gè)外部對(duì)象被鼠標(biāo)拖進(jìn)當(dāng)前窗口或者幀
ondragend 當(dāng)鼠標(biāo)拖動(dòng)結(jié)束時(shí)觸發(fā)此事件，即鼠標(biāo)的按鈕被釋放了
ondragenter 當(dāng)對(duì)象被鼠標(biāo)拖動(dòng)的對(duì)象進(jìn)入其容器范圍內(nèi)時(shí)觸發(fā)此事件
ondragleave 當(dāng)對(duì)象被鼠標(biāo)拖動(dòng)的對(duì)象離開(kāi)其容器范圍內(nèi)時(shí)觸發(fā)此事件
ondragover 當(dāng)某被拖動(dòng)的對(duì)象在另一對(duì)象容器范圍內(nèi)拖動(dòng)時(shí)觸發(fā)此事件
ondragstart 當(dāng)某對(duì)象將被拖動(dòng)時(shí)觸發(fā)此事件 ondrop 在一個(gè)拖動(dòng)過(guò)程中，釋放鼠標(biāo)鍵時(shí)觸發(fā)此事件
onlosecapture 當(dāng)元素失去鼠標(biāo)移動(dòng)所形成的選擇焦點(diǎn)時(shí)觸發(fā)此事件
數(shù)據(jù)綁定:
onafterupdate 當(dāng)數(shù)據(jù)完成由數(shù)據(jù)源到對(duì)象的傳送時(shí)觸發(fā)此事件
oncellchange 當(dāng)數(shù)據(jù)來(lái)源發(fā)生變化時(shí)
ondataavailable 當(dāng)數(shù)據(jù)接收完成時(shí)觸發(fā)事件
ondatasetchanged 數(shù)據(jù)在數(shù)據(jù)源發(fā)生變化時(shí)觸發(fā)的事件
ondatasetcomplete 當(dāng)來(lái)子數(shù)據(jù)源的全部有效數(shù)據(jù)讀取完畢時(shí)觸發(fā)此事件
onerrorupdate 當(dāng)使用onBeforeUpdate事件觸發(fā)取消了數(shù)據(jù)傳送時(shí)，代替onAfterUpdate事件
onrowenter 當(dāng)前數(shù)據(jù)源的數(shù)據(jù)發(fā)生變化并且有新的有效數(shù)據(jù)時(shí)觸發(fā)的事件
onrowexit 當(dāng)前數(shù)據(jù)源的數(shù)據(jù)將要發(fā)生變化時(shí)觸發(fā)的事件
onrowsdelete 當(dāng)前數(shù)據(jù)記錄將被刪除時(shí)觸發(fā)此事件
onrowsinserted 當(dāng)前數(shù)據(jù)源將要插入新數(shù)據(jù)記錄時(shí)觸發(fā)此事件
外部事件:
onafterprint 當(dāng)文檔被打印后觸發(fā)此事件 onbeforeprint 當(dāng)文檔即將打印時(shí)觸發(fā)此事件
onfilterchange 當(dāng)某個(gè)對(duì)象的濾鏡效果發(fā)生變化時(shí)觸發(fā)的事件 onhelp 當(dāng)瀏覽者按下F1或者瀏覽器的幫助選擇時(shí)觸發(fā)此事件
onpropertychange 當(dāng)對(duì)象的屬性之一發(fā)生變化時(shí)觸發(fā)此事件 onreadystatechange 當(dāng)對(duì)象的初始化屬性值發(fā)生變化時(shí)觸發(fā)此事件

BOM:瀏覽器對(duì)象模型.瀏覽器內(nèi)置JavaScript腳本語(yǔ)言,也就是內(nèi)置JS引擎.提供各種借口.讓JS控制瀏覽器各種功能.
location用于存儲(chǔ)當(dāng)前頁(yè)面URL信息的對(duì)象.

    方法: reload(): 無(wú)參數(shù)，重新載入當(dāng)前頁(yè)面,也可以location=location. 

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

    方法: appCodeName：瀏覽器名字符串表示 appName：返回瀏覽器的名稱  appVersion：返回瀏覽器的平臺(tái)和版本信息
          platform：返回運(yùn)行瀏覽器的操作系統(tǒng)平臺(tái)       userAgent 返回由客戶機(jī)發(fā)送服務(wù)器的user-agent頭部的值

screen對(duì)象用于獲取用戶的屏幕信息。

    方法: availHeight:可用的屏幕高度.  availWidth：窗口可用的屏幕寬度.  colorDepth：瀏覽器表示的顏色位數(shù).
         pixelDepth：用戶瀏覽器表示的顏色位數(shù).  height：屏幕的像素高度.  width：屏幕的像素寬度.

history對(duì)象: back()返回前一個(gè)url forward()返回下一個(gè)url go(+1/-1)返回某個(gè)具體頁(yè)面.