瀏覽器對象模型

1、BOM主要處理瀏覽器窗口和框架，不過一般瀏覽器特定的js擴展都被看做BOM的一部反，這些擴展包括：

一、彈出新的瀏覽窗口、移動、關閉瀏覽器窗口以及控制瀏覽器的大小；

二、提供WEb瀏覽器的詳細信息的導航對象；

三、提供裝載到瀏覽器中的頁面的詳細信息的定位對象；

四、提供用戶屏幕分辨率的詳細信息的屏幕對象；

五、對cookie的支持；

BOM沒有相關的標準，每一種瀏覽器都有本身的BOM 實現。

2、windows對象

window對象就是打開瀏覽器窗口時js默認建立的一個windows對象，用以表明瀏覽器整個瀏覽器窗口，使這個對象能夠對窗口進行控制。windows的任何屬性和方法均可以直接訪問。

一、窗口的操做：

（1）MoveBy（dx,dy）移動窗3口相對位置；

（2）MoveTo（x,y）移動瀏覽器窗口；

（3）resizeBy（dw，dh）相對改變窗口的寬和高；

（4）resizeTo（w,h）改變窗口寬和高；

注：dx,dy,x,y,dw,dh,w,h可爲負數；

二、建立新窗口

window.open("url",「height=12,with=12,top=10,left=10,resize=yes」)建立窗口；

window.close（） 關閉新窗口；

注：等號後無空格。

3系統對話框

利用window對象alert（）、confirm()、promp（）方法建立系統窗口。

四、狀態欄

狀態欄是底部或右邊邊界內的內容，用於用戶顯示信息的。

window,defaultStatus="提示語"；

或是一個超連接：

<a href="url" onmouseover="window.status="提示語"「>url提示語</a>

五、時間間隔和暫停

所謂時間暫停就是在某段時間後執行某段代碼。

setTimeOut("alert('ssss')",100);暫停

setInterval()時間間隔；

clearInterval（）阻止再次執行該代碼；

6歷史

所謂歷史就是用戶訪問過的站點列表。可是不能獲得瀏覽器歷史網站的url。

window.history.go(-1);後退一頁；

沒必要經過時間機器實現的歷史導航，只須要經過window對象的history屬性方法便可。

網頁中嵌入一個後退按鈕：

<a href="javascript.history.go(-1)">返回上一頁</a>

3、Document對象

BOM用Document對象HTML文檔。Document對象其實是window對象的屬性。
一、Document的通用屬性：

（1）lastModified:最後修改的日期，是字符串；

（2）referrer：瀏覽器歷史中後退一個位置的URL；

（3）title：<title>標籤顯示的文本；

（4）URL：當前載入頁的URL。

Document.URL="URL";

二、Document對象集合

（1）anchors:錨集合；

（2）applet：applet集合；

（3）embeds:嵌入式對象集合(視頻、聲音等)；

（4）forms：表單集合；

（5）images：圖像對象；

（6）link：超連接集合；

4、location對象

location它是Document對象和window對象的屬性（沒標準）；location對象是載入窗口的URL。它的屬性包括：

一、hash：若是包含一個#，該方法將返回該字符以後的內容；

二、host：主機名；

三、href：至關於host，可省略；

四、pathname：URL中主機名後面的部分；

五、Port：請求端口；

六、protocol：協議名；

七、search：執行GET請求的URL中問號後的部分；

（未完待續……）