一、Javascript組成
JavaScript的實現包括以下3個部分：
1、核心（ECMAScript）：描述了JS的語法和基本對象。
2、文檔對象模型 （DOM）：處理網頁內容的方法和接口。
3、瀏覽器對象模型（BOM）：與瀏覽器交互的方法和接口。
BOM和DOM的結構關系示意圖
二、BOM（瀏覽器對象模型）
1、window對象
說明：BOM的核心對象是window，他表示瀏覽器的一個實例。他既是通過JavaScript訪問瀏覽器窗口的一個接口，又是ECMScript規定的Global對象。
全局作用域
全局變量不能通過delete操作符刪除；
window對象上的定義可刪除；
BOM（Browser Object Model）
瀏覽器對象模型：將瀏覽器的各個組成部分封裝成為對象
location對象
navigator對象
navigator`對象：包含大量有關Web瀏覽器的信息，在檢測瀏覽器及操作系統上非常有用，也可用window.navigator引用它
navigator.appCodeName`//瀏覽器代碼名的字符串表示
navigator.appName //官方瀏覽器名的字符串表示
navigator.appVersion//瀏覽器版本信息的字符串表示
navigator.cookieEnabled//如果啟用cookie返回true，否則返回false
navigator.javaEnabled//如果啟用java返回true，否則返回false
navigator.platform//瀏覽器所在計算機平台的字符串表示
navigator.plugins //安裝在瀏覽器中的插件數組
navigator.taintEnabled//如果啟用了數據污點返回true，否則返回false
navigator.userAgent//用戶代理頭的字符串表示
screen對象
screen對象：用於獲取某些關於用戶屏幕的信息，也可用window.screen引用它 screen.width/height //屏幕的寬度與高度，以像素計 screen.availWidth/availHeight//窗口可以使用的屏幕的寬度和高度，以像素計 screen.colorDepth //用戶表示顏色的位數，大多數系統采用32位 window.moveTo(0, 0); window.resizeTo(screen.availWidth, screen.availHeight);//填充用戶的屏幕
History:歷史記錄對象
back()：加載 history 列表中的前一個 URL
forward()：加載 history 列表中的下一個 URL
go(參數)：加載 history 列表中的某個具體頁面（參數：前進(正數)或后退(負數)幾個歷史記錄）
length：返回當前窗口歷史列表中的 URL 數量。
三、DOM
Document Object Model 文檔對象模型：將標記語言文檔的各個組成部分封裝為對象。可以使用這些對象對標記語言文檔進行CRUD的動態操作。 W3C標准中，DOM被分為三個不同的部分： 1. 核心DOM -針對任何結構化文檔的標准模型 2. XML DOM -針對XML文檔的標准模型 3. HTML DOM -針對HTML文檔的標准模型 Document:文檔對象
獲取：在HTML DOM模型中可以通過window對象來獲取
獲取Element對象方法：
getElementById()：根據id屬性值獲取元素對象。
getElementsByTagName()：根據標簽名稱獲取元素對象們，返回值是一個數組
getElementsByClassName()：根據Class屬性值獲取元素對象們，返回值是一個數組
getElementsByName()：根據name屬性值獲取元素對象們，返回值是一個數組
創建其他DOM對象方法：
createAttribute(name)：創建Attribute屬性對象
createComment()：創建Comment注釋對象
createElement()：創建Element元素對象
createTextNode()：創建Text文本對象
Element:元素對象
屬性：
previousSibling：獲取該元素的前一個節點nextSibling：獲取該元素的后一個節點innerHTML：可以獲取標簽內所有的內容，包括標簽innerText：可以獲取標簽內所有的文本內容，不包括標簽方法：
removeAttribute()：刪除屬性setAttribute()：設置屬性
document對象
總結DOM和BOM區別：
DOM描述了處理網頁內容的方法和接口，BOM描述了與瀏覽器進行交互的方法和接口
1) DOM是W3C的標准[所有瀏覽器都遵循的標准];
2) DOM（文檔對象模型）是 HTML 和 XML 的應用程序接口（API）;
3) BOM各個瀏覽器廠商根據DOM在各自瀏覽器上的實現;[表現為不同瀏覽器定義有差別,實現方式不同;
4) BOM 主要處理瀏覽器窗口和框架，不過通常瀏覽器特定的 JavaScript 擴展都被看做 BOM 的一部分。這些擴展包括
window(窗口)、location（地址欄內容相關）、history（歷史）、screen（屏幕）、navigator（有很多瀏覽器相關的內容，通常判斷瀏覽器類型都是通過這個對象）
DOM 是為了操作文檔出現的 API，document 是其的一個對象；
BOM 是為了操作瀏覽器出現的 API，window 是其的一個對象。