瀏覽器對象模型BOM

1、瀏覽器對象模型 BOM （ Browser Object Model ）- ZSDN時間2013-09-30 17:25:00 博客園-所有隨筆區(qū)原文 /zha ngwei595806165/p/3347619.html1、結構BOM是Browser Object Model的縮寫，簡稱瀏覽器對象模型BOM提供了獨立于內(nèi)容而與瀏覽器窗口進行交互的對象由于BOM主要用于管理窗口與窗口之間的通訊，因此其核心對象是windowBOM由一系列相關的對象構成，并且每個對象都提供了很多方法與屬性BOM缺乏標準，JavaScript語法的標準化組織是ECMA, DO

2、M的標準化組織是W3C（WHATWG,WebHypertextApplicatio nTech nologyWorki ngGroup網(wǎng)頁超文本應用程序技術工作組目前正在努力促進BOM的標準化）BOM最初是Netscape瀏覽器標準的一部分 結構圖如下：2、BOM的作用BOM提供了一些訪問窗口對象的一些方法，我們可以用它來移動窗口位置，改變窗口大小，打開新窗口和關閉窗口，彈出對話框，進行導航以及獲取客戶的一些信息如：瀏覽器品牌版本，屏幕分辨率。但BOM最強大的功能是它提供了一個訪問HTML頁面的一入口document對象，以使得我們可以通過這個入口來使用DOM的強大功能！ ！window 對象

3、是 BOM的頂層（核心）對象，所有對象都是通過它延伸出來的，也可以稱為 window 的子對象。由于 window 是頂層對象，因此調(diào)用它的子對象時可以不顯示的指明 window對象，例如下面兩行代碼是一樣的：View Codewindow - window 對象是BOM中所有對象的核心。 window對象表示整個瀏覽器窗口，但不必表示其中包含的內(nèi)容。此外，window還可用于移動或調(diào)整它表示的瀏覽器的大小，或者對它產(chǎn)生其他影響。JavaScript中的任何一個全局函數(shù)或變量都是window的屬性。3、window子對象document 對象frames對象history 對象location

4、 對象navigator 對象scree n對象4、window對象關系屬性pare nt :如果當前窗口為 frame，指向包含該 frame的窗口的frame (frame)self :指向當前的 window對象，與 window同意。 (window對象)top :如果當前窗口為 frame，指向包含該 frame的top-level的window 對象 window :指向當前的 window對象，與self同意。opener :當窗口是用javascript打開時，指向打開它的那人窗口(開啟者)5、window對象定位屬性IE提供了 window.screenLeft和window

5、.screenTop對象來判斷窗口的位置，但未提供任何判 斷窗口大小的方法。用document.body.offsetWidth 和 document.body. offsetHeight 屬性可以獲取視口的大小(顯示 HTML頁的區(qū)域)，但它們不是標準屬性。Mozilla提供 window.screenX和 window.screenY屬性判斷窗口的位置。它還提供了 window.innerWidth 和 window.innerHeight 屬性來判斷視口的大小， window.outerWidth 和 window.outerHeight屬性判斷瀏覽器窗口自身的大小。6、window對象

6、的方法window方法及其描述方法描述alert()彈出一個帶有一段消息和確認按鈕的窗體blur() 把鍵盤焦點從頂層窗口移開clearInterval()取消由 setInterval()設置的 timeoutclearTimeout() 取消有 setTimeout()方法設置的 timeout close()關閉瀏覽器窗口confirm。顯示帶有一段消息以及確認按鈕盒取消按鈕的對話框 focus()把鍵盤焦點給予一個窗口moveBy()可相對窗口的當前坐標移動指定的像素 moveTo()把窗口的左上角移動到一個指定的坐標 ope n()打開一個新的瀏覽器窗體prompt()顯示可提示用戶

7、輸入的對話框 resizeBy()按照指定的像素調(diào)整窗口的大小 resizeTo()把窗體的大小調(diào)整到指定的寬度和高度 scrollBy()按照指定的像素值來滾動內(nèi)容 scrollTo()把內(nèi)容滾動到指定的坐標set In terval()按照指定的周期(毫秒)來調(diào)用函數(shù)或計算表達式setTimeout()在指定的毫秒數(shù)后調(diào)用函數(shù)或表達式View Code窗體控制moveBy(x,y)從當前位置水平移動窗體x個像素，垂直移動窗體y個像素，x為負數(shù)，將向左移動窗體，y為負數(shù)，將向上移動窗體moveTo(x,y)移動窗體左上角到相對于屏幕左上角的(x,y)點，當使用負數(shù)做為參數(shù)時會吧窗體移出屏幕的

8、可視區(qū)域resizeBy(w,h)相對窗體當前的大小，寬度調(diào)整w個像素，高度調(diào)整 h個像素。如果參數(shù)為負值，將縮小窗體，反之擴大窗體resizeTo(w,h)把窗體寬度調(diào)整為 w個像素，高度調(diào)整為h個像素窗體滾動軸控制scrollTo(x,y)在窗體中如果有滾動條，將橫向滾動條移動到相對于窗體寬度為x個像素的位置，將縱向滾動條移動到相對于窗體高度為y個像素的位置scrollBy(x,y)如果有滾動條，將橫向滾動條移動到相對于當前橫向滾動條的x個像素的位置(就是向左移動x像素)，將縱向滾動條移動到相對于當前縱向滾動條高度為y個像素的位置(就是向下移動y像素)窗體滾動軸控制scrollTo(x,y

9、)在窗體中如果有滾動條，將橫向滾動條移動到相對于窗體寬度為x個像素的位置，將縱向滾動條移動到相對于窗體高度為y個像素的位置scrollBy(x,y)如果有滾動條，將橫向滾動條移動到相對于當前橫向滾動條的x個像素的位置(就是向左移動x像素)，將縱向滾動條移動到相對于當前縱向滾動條高度為y個像素的位置(就是向下移動y像素)窗體焦點控制focus()使窗體或控件獲取焦點blur()與focus函數(shù)相反，使窗體或控件失去焦點新建窗體open()打開(彈出)一個新的窗體close()關閉窗體opener屬性一一新建窗體中對父窗體的引用，中文開啟者”的意思window.open方法語法win dow.op

10、e n( url, n ame, features, replace);open方法參數(shù)說明url -要載入窗體的 URLname -新建窗體的名稱(目標,將在a標簽的target屬性中用到，當與已有窗體名稱相同時 將覆蓋窗體內(nèi)容).open函數(shù)默認的打開窗體的方式為target的_blank彈出方式，因此頁面都 將以彈出的方式打開features -代表窗體特性的字符串，字符串中每個特性使用逗號分隔replace - 一個布爾值，說明新載入的頁面是否替換當前載入的頁面，此參數(shù)通常不用指定 open函數(shù)features參數(shù)說明，如果不使用第三個參數(shù)，將打開一個新的普通窗口參數(shù)名稱類型說明hei

11、ghtNumber設置窗體的高度，不能小于100leftNumber說明創(chuàng)建窗體的左坐標，不能為負值locati onBoolea n窗體是否顯示地址欄，默認值為noresizableBoolea n窗體是否允許通過拖動邊線調(diào)整大小，默認值為noscrollbarsBoolea n窗體中內(nèi)部超出窗口可視范圍時是否允許拖動，默認值為notoolbarBoolea nsetTimeout()暫停指定的毫秒數(shù)后執(zhí)行指定的代碼topNumber說明創(chuàng)建窗體的上坐標，不能為負值statusBoolea n窗體是否顯示狀態(tài)欄，默認值為nowidthNumber創(chuàng)建窗體的寬度，不能小于100特性字符串中的每

12、個特性使用逗號分隔，每個特性之間不允許有空格open方法返回值為一個新窗體的window對象的引用對話框alert（str）彈出消息對話框（對話框中有一個確定按鈕）confirm（str）彈出消息對話框（對話框中包含一個確定按鈕與取消按鈕）prompt（str,defaultValue）彈出消息對話框（對話框中包含一個確定按鈕、取消按鈕與一個文本輸入框），由于各個瀏覽器實現(xiàn)的不同，若沒有第二個參數(shù)（文本框中的默認值）時也最好提供一個空字符串狀態(tài)欄window.defaultStatus屬性改變?yōu)g覽器狀態(tài)欄的默認顯示（當狀態(tài)欄沒有其它顯示時），瀏覽器底部的區(qū)域稱為狀態(tài)欄，用于向用戶顯示信息win

13、dow.status屬性臨時改變?yōu)g覽器狀態(tài)欄的顯示 時間等待與間隔函數(shù)clearTimeout()取消指定的setTimeout函數(shù)將要執(zhí)行的代碼set In terval()間隔指定的毫秒數(shù)不停地執(zhí)行指定的代碼clearlnterval()取消指定的setlnterval函數(shù)將要執(zhí)行的代碼setTimeout與setlnterval方法有兩個參數(shù)，第一個參數(shù)可以為字符串形式的代碼，也可以是 函數(shù)引用，第二個參數(shù)為間隔毫秒數(shù)，它們的返回是一個可用于對應clear方法的數(shù)字ID var tid = setTimeout(alert(1),1000);alert(tid);clearTimeout

14、(tid);7、History對象，在瀏覽器歷史記錄中導航History對象的屬性:length返回瀏覽器歷史列表中的URL數(shù)量History對象的方法back()加載history列表中的前一個URLforward。加載history列表中的下一個URLgo(num)加載history列表中的某個具體頁面& Location 對象Location對象的屬性hash設置或返回從井號(#)開始的URL (錨)host設置或返回主機名和當前URL的端口號host name設置或返回當前 URL的主機名href設置或返回完整的URLpath name設置或返回當前 URL的路徑部分port設置或返回

15、當前URL的端口號protocol設置或返回當前URL的協(xié)議search設置或返回從問號 開始的URL (查詢部分)Location對象的方法assign()加載新的文檔，這與直接將一個 URL賦值給Location對象的href屬性效果是一樣的 reload()重新加載當前文檔，如果該方法沒有規(guī)定參數(shù)，或者參數(shù)是false，它就會用 HTTP頭If-Modified-Since來檢測服務器上的文檔是否已改變。如果文檔已改變，reload()會再次下載該文檔。如果文檔未改變，則該方法將從緩存中裝載文檔。這與用戶單擊瀏覽器的刷新按鈕的效果是完全一樣的。如果把該方法的參數(shù)設置為true，那么無論文

16、檔的最后修改日期是什么，它都會繞過緩存，從服務器上重新下載該文檔。這與用戶在單擊瀏覽器的刷新按 鈕時按住Shift健的效果是完全一樣。replace。用新的文檔替換當前文檔，replace。方法不會在 History對象中生成一個新的紀錄。當使用該方法時，新的URL將覆蓋History對象中的當前紀錄。9、Navigator 對象Navigator對象的屬性appCodeName返回瀏覽器的代碼名appName返回瀏覽器的名稱 appVersion返回瀏覽器的平臺和版本信息browserLanguage返回當前瀏覽器的語言cookieEnabled返回指明瀏覽器中是否啟用cookie的布爾值c

17、puClass返回瀏覽器系統(tǒng)的CPU等級onLine返回指明系統(tǒng)是否處于脫機模式的布爾值 platform返回運行瀏覽器的操作系統(tǒng)平臺systemLanguage返回OS使用的默認語言 userAge nt返回由客戶機發(fā)送服務器的user-age nt頭部的值userLanguage返回 OS的自然語言設置10、screen 對象javascript可以獲取某些關于用戶屏幕的信息屬性 描述availHeight 返回顯示屏幕的高度（除 window任務欄） availWidth 返回顯示屏幕的寬度（除 window任務欄）deviceXDPI返回顯示屏幕的每英寸水平點數(shù)deviceXDPI返回

18、顯示屏幕的每英寸垂直點數(shù)fon tSmoothi ngE nabled 返回用戶是否在顯示控制面板中開啟了字體平滑 height返回顯示屏幕的高度logicalXDPI返回顯示屏幕每英寸的水平方向的常規(guī)點數(shù)logicalYDPI返回顯示屏幕每英寸的垂直方向的常規(guī)點數(shù) pixelDepth 返回顯示屏幕的顏色分辨率（比特每像素）updateI nterval設置或返回屏幕的刷新率width返回顯示器屏幕的寬度每個window對象的screen屬性都引用screen對象。該對象存放著有關顯示器屏幕相關的 信息，我們可以根據(jù)這些信息來優(yōu)化頁面的輸入等等。11、框架與多窗口通信子窗口與父窗口只有自身和使用 window.open方法打開的窗口和才能被JavaScript