BOM與DOM

javascript由三部分構成 : ECMAScript(核心語法) + DOM + BOM

DOM(Document Object Model):文檔對象模型，專門操做網頁內容的API標準

BOM(Browser Object Model):瀏覽器對象模型，專門操做瀏覽器窗口的API

javacsript是經過訪問BOM（Browser Object Model）對象來訪問、控制、修改客戶端(瀏覽器)，因爲BOM的window包含了document，window對象的屬性和方法是直接能夠使用並且被感知的，所以能夠直接使用window對象的document屬性，經過document屬性就能夠訪問、檢索、修改XHTML文檔內容與結構。由於document對象又是DOM（Document Object Model）模型的根節點。能夠說，BOM包含了DOM(對象)，瀏覽器提供出來給予訪問的是BOM對象，從BOM對象再訪問到DOM對象，從而js能夠操做瀏覽器以及瀏覽器讀取到的文檔。

Window對象包含屬性：document、location、navigator、screen、history、frames

Document根節點包含子節點：forms、location、anchors、images、links等

BOM：window全局對象
包含:history:封裝歷史記錄棧
　　navigator:封裝了瀏覽器的配置信息（瀏覽器版本，插件等等）
　　location:封裝當前網頁的URL信息（地址欄）
　　screen:封裝顯示器或者桌面信息/分辨率
　　event:封裝事件信息，並監聽事件觸發
　　document:iframe、Anchor、Image、Form、table類型等
整個html就是document，document就是DOM的一個對象

BOM中的window對象
1.window對象 ES->Global
2.封裝了瀏覽器軟件的一些窗口信息
打開新窗口：window.open('url','target屬性或name');
//target屬性例如_self _blank；name是內存中窗口的名字，同一個name的窗口只能打開一個，name能夠自定義名字，自定義名字的窗口只能打開一個

例如：

<a href="javascript:open1()" >1.當前窗口打開，替換當前窗口內容</a>
<a href="javascript:open2()" >2.替換當前窗口內容，禁止後退</a>
<a href="javascript:open3()" >3.在新窗口打開，同時打開多個</a>
<a href="javascript:open4()" >4.在新窗口打開，只能打開一個</a>

function open1() {//當前窗口打開，替換當前窗口內容
                window.open('http://www.baidu.com','_self');
            }
function open2() {//替換當前窗口內容，禁止後退
                location.replace("http://www.baidu.com"); //replace把原來的地址替換掉了
            }
function open3() {//在新窗口打開，同時打開多個
                window.open('http://www.baidu.com','_blank'); //_blank可省略，默認的
            }
function open4() {//在新窗口打開，只能打開一個
                window.open('http://www.baidu.com','baidu'); //baidu是自定義，因此只能打開一個窗口
            }

 134能夠光Html實現

<a href="http://www.baidu.com" target="_self">1.當前窗口打開，替換當前窗口內容</a>
<a href="http://www.baidu.com" target="_blank">3.在新窗口打開，同時打開多個</a> 
<a href="http://www.baidu.com" target="blank">4.在新窗口打開，只能打開一個</a>