window對象：

　　在客戶端JavaScript中，Window對象是全局對象，所有的表達式都在當前的環境中，也就是說要引用當前窗戶根本不需要特殊的語法，可以吧那個窗口的屬性作為全局變量來使用。而且將window.document縮寫為：document , window.alert()寫為alert()

alert()            顯示帶有一段消息和一個確認按鈕的警告框。
setInterval()      按照指定的周期（以毫秒計）來調用函數或計算表達式。
clearInterval()    取消由 setInterval() 設置的 timeout。
setTimeout()       在指定的毫秒數後調用函數或計算表達式。
clearTimeout()     取消由 setTimeout() 方法設置的 timeout。
scrollTo()         把內容滾動到指定的坐標。

confirm()          顯示帶有一段消息以及確認按鈕和取消按鈕的對話框。
prompt()           顯示可提示用戶輸入的對話框。
open()             打開一個新的瀏覽器窗口或查找一個已命名的窗口。
close()            關閉瀏覽器窗口。
 

示例：

window的子對象：

　navigator對象:

瀏覽器對象，通過這個對象可以判定用戶所使用的瀏覽器，包含了瀏覽器相關信息。

navigator.appName　　// Web瀏覽器全稱
navigator.appVersion　　// Web瀏覽器廠商和版本的詳細字符串
navigator.userAgent　　// 客戶端絕大部分信息
navagator.platform　　　// 瀏覽器運行所在的操作系統

history對象:

瀏覽歷史對象，包含了用戶對當前頁面的瀏覽歷史，但我們無法查看具體的地址，可以用來前進或後退一個頁面。

history.forward()  // 前進一頁
 

history.back()  // 後退一頁
history.go(n)  //  前進n頁

location對象：

location.href  獲取URL
location.href="URL" // 跳轉到指定頁面
location.reload() 重新加載頁面

DOM

　　DOM（Document Object Model）是一套對文檔的內容進行抽象和概念化的方法。

DOM標準規定HTML文檔中的每個成分都是一個節點(node)：

• 文檔節點(document對象)：代表整個文檔
• 元素節點(element 對象)：代表一個元素（標簽）
• 文本節點(text對象)：代表元素（標簽）中的文本
• 屬性節點(attribute對象)：代表一個屬性，元素（標簽）才有屬性
• 註釋是註釋節點(comment對象)

查找標簽：

間接查找：

　　節點的查找：

　　 查找標簽：

document對象的屬性和操作：

　　屬性節點：

文本節點：

還有一些不常用的文本節點：
textContent ------------------------與innerText類似，返回的內容帶樣式
data         -----------------------文本內容
length------------------------------文本長度
createTextNode()--------------------創建文本
normalize()-------------------------刪除文本與文本之間的空白
splitText()-------------------------分割
appendData()------------------------追加
deleteData(offset,count)------------從offset指定的位置開始刪除count個字符
insertData(offset,text)-------------在offset指定的位置插入text
replaceData(offset,count,text)------替換，從offset開始到offscount處的文本被text替換
substringData(offset,count)---------提取從ffset開始到offscount處的文本

樣式操作：

　　操作class類：

　　指定css操作：

obj.style.backgroundColor="red"
JS操作CSS屬性的規律：

1.對於沒有中橫線的CSS屬性一般直接使用style.屬性名即可。如：

obj.style.margin
obj.style.width
obj.style.left
obj.style.position
2.對含有中橫線的CSS屬性，將中橫線後面的第一個字母換成大寫即可。如：

obj.style.marginTop
obj.style.borderLeftWidth
obj.style.zIndex
obj.style.fontFamily

前段基礎之BOM,DOM