1、BOM 2、DOM

1、BOM（window對象）
###<1>window屬性對象
window.location 當前瀏覽器的地址對象
window.history 瀏覽器訪問過的地址對象
window.open()/close():打開或者關閉一個瀏覽器窗口
window.document:文檔對象，HTML頁面

###<2>window的彈框
void alert()
var boolean = confirm("提示信息")
var str = prompt("提示信息","默認值")

###<3>window的定時器
setInterval(回調函數，時間間隔)/clearInterval() 週期性定時器
setTimeout()/clearTimeout() 一次性定時器

# 練習
編寫跑馬燈效果，改變字體的顏色
輪播圖效果
主頁時間動態顯示

# 2、DOM（document對象）
Document:加載的整個HTML文件，其被封裝成了document對象
Element:標籤
Text:標籤中間的文本內容
Attribute:開始標籤中的屬性
document中的各類內容統稱爲節點，node

###<1>獲取元素對象
getElementById(eleid) 經過標籤的id獲取元素對象
getElementsByName(namevalue) 經過標籤的name屬性值獲取一個元素列表對象
getElementsByTagName(lablename) 經過標籤的標籤名稱獲取一個元素列表對象

###<2>訪問節點，建立節點，刪除節點
1. 判斷當前節點的類型
nodeName
nodeValue
nodeType

2. 設置節點的文本內容
innertHTML
value

3. 訪問
firstChild
lastChild
childNodes
parentNode
4. 建立和刪除
createElemet("節點名稱");

父節點對象.removeChild(節點對象);
父節點對象.appendChild(節點對象);

###<3>event對象
獲取事件源：
var eventObj = e.srcElement || e.target;

取消冒泡機制：
eventObj.cancelBubble = true;
eventObj.stopPropagation();