一、window對象的屬性和方法 ①setTimeout()方法用來實現一個函數在指定毫秒之後運行,該方法返回一個值,這個值可以傳遞給clearTimeout()用於取消這個函數的執行。 ②setInterval()用來實現一個在指定毫毛數的時間里重覆調用,返回一個值,這 個值可以傳遞給clearI ...
一、window對象的屬性和方法
①setTimeout()方法用來實現一個函數在指定毫秒之後運行,該方法返回一個值,這個值可以傳遞給clearTimeout()用於取消這個函數的執行。
②setInterval()用來實現一個在指定毫毛數的時間里重覆調用,返回一個值,這 個值可以傳遞給clearInterval()用於取消後續函數的調用。
③Document對象的location屬性也引用到Location對象;
window.location === document.location; //返回true
Location對象的hash和search屬性比較有趣,如果有的話,hash屬性返回URL中的片段標識部分;search屬性類似, 它返回的是問號後面的URL,這部分通常是某種類型的查詢字元串。
④Location對象的assign()方法可以讓視窗載入並顯示你指定的URL中的文檔,replace()方法類似,但它在載入新文檔之前會從瀏覽器歷史中將當前文檔刪除,造成用戶無法後退。
⑤History對象的back()和forward()方法與瀏覽器的“後退”和“前進”按鈕功能一樣,可以在瀏覽歷史中前後跳轉一格;go()方法接受一個整數參數,正數代表前進相應步,負數代表後退相應步。
⑥alert()向用戶顯示一條消息,並等待用戶關閉對話框;confirm()方法也是向用戶顯示一條消息要求用戶單擊確定或者取消按鈕並返回一個布爾值;prompt()方法同樣是顯示一條消息,等待用戶輸入並返回這個字元串。
⑦window.open()方法可以打開一個新的瀏覽器視窗。close()可以關閉一個視窗,如果已經創建了一個window對象,可以使用w.close()代碼將它關閉,運行在哪個視窗中的JavaScript代碼可以用window.close()關閉。
二、選取文檔元素
①getElementById()方法選取基於唯一ID的元素:
var section = document.getElemenById("section");
②getElementsByName()方法選取基於name屬性的HTML標簽:
var section = document.getElementsByName("section");
③getElementsByTagName()方法通過標簽名選取:
var spans = document.getElementsByTagName("span") //這個spans是一個數組,包含所有span標簽。
④通過CSS類選取元素:
var className = document.getElementsByClassName("section"); //這個返回的是包含所有class = "section"的元素
⑤querySelector()方法返回第一個匹配的元素;querySelectionAll()方法返回的是匹配的所有元素,返回的是一個NodeList對象但不是實時的,不更新後續文檔的變化。
三、文檔結構遍歷
①parentNode查詢該節點的父節點,類似Document對象應該是null。
②childNodes:該節點的子節點的實時表示,是一個數組對象。
③firstChild、lastChild:該節點的子節點中的第一個和最後一個節點,如果沒有子節點則為null。
④previoursSibling、nextSibling:分別表示該節點的前一個兄弟節點和後一個兄弟節點。
⑤nodeType:該節點的類型。1代表Element節點、3代表Text節點、8代表Comment節點、9代表Document節點、11代表DocumentFragment節點。
⑥nodeValue:Text節點或者Comment節點的文本內容。
⑦nodeName:元素的標簽名,以大寫形式表示。
使用這些Node屬性,可以用下麵類似的表達式得到文檔的第一個子節點下麵的第二個子節點的引用。
document.childNodes[0]childNodes[1];
document.firstChild.firstChild.nextSibling;