下面我就為大家帶來一篇實作JavaScript的組成（BOM和DOM詳細解讀）。現在分享給大家，也給大家做個參考。
我們知道，一個完整的JavaScript的實現，需要由三個部分組成：ECMAScript(核心),BOM(瀏覽器物件模型)，DOM(文檔物件模型)。
BOM:
BOM提供了很多對象，用來存取瀏覽器的功能，這些功能於網頁內容無關（這些是DOM的事），目前，BOM已經被W3C搬入了HTML5規範中。
window物件：
BOM的core，表示瀏覽器的一個實例，它既是透過javascript存取瀏覽器視窗的一個接口，又是ECMAScript規定的Global對象，這意味著在網頁中定義的任何一個對象，變數和函數，都已window作為其Global對象，因此有權訪問paresinInt()等方法。 （摘自高程三）。此外，如果一個網頁中包含框架，則每個框架都擁有自己的window對象，並且保存在frames集合中（索引0開始，ltr，ttb）。
首先，全域執行環境中的變量，函數都是window物件的屬型和方法。當然，全域變數與直接定義的window屬型有一點差異，全域變數（準確的說應該是明確宣告的全域變數）無法使用delete，而window屬性就可以。此外，還有一個細節要注意，嘗試存取未宣告的變數會出錯，但是使用查詢window物件就沒有問題。
那麼,window有哪些常見的屬性或方法呢？
1.name，每個window物件都有name屬性，包含框架的名稱。通常是為了了解窗口關係與框架。
2.視窗位置方法:moveTo(新位置的x座標,新位置的y座標)，moveBy(水平移動x,垂直移動y)。這兩個方法不適用框架。
3.視窗大小屬性：innerWidth/Height（視圖區（減去邊框的寬度）的大小/* IE,Safari,firefox */）,outerWidth/Height(傳回瀏覽器視窗的大小/* IE,Safari,firefox */).在Chrome中，inner，outer皆傳回視圖區的大小。
當然，可以透過resizeTo(新視窗width,新視窗height),resizeBy(比原寬度提高x,比原高度提高y)來改變視窗大小。這戀歌方法不適用框架結構。
4.window.open(URL，視窗目標，特性字串，新頁面是否取代瀏覽器歷史記錄中當前載入頁面的boolean)用於導航到一個特定的url或開啟一個新的窗口。如果指定視窗目標，且視窗目標是已有的視窗或框架的名稱，那麼就會在有改名成的視窗或框架中載入指定的url。否則，就將開啟的新視窗命名為目標視窗。當然，視窗目標可以指定的關鍵字有_self,_parent,_top,_blank。
<a href=http://www.jb51.net>click me</a>
<script>
var link=document.getElementsByTagName("a")[0];
alert(link.nodeName);
window.onload=function(){
link.onclick=function () {
window.open(link.href,"good","width=400px,height=300px");
return false;
}
}
</script此處特性字串的具體設定不再贅述，有興趣的可以點擊此處
5.作為一門單執行緒語言，js仍然允許設定超時值（指定的事件過後執行程式碼）和間歇時間值（每隔指定的時間循環一次）來調度程式碼在特定的時刻執行。
逾時呼叫:setTimeout(js程式碼字串，毫秒時間)，作為一個單執行緒語言，js的任務佇列每次只能執行一段程式碼，若經過設定的時間間隔過後任務佇列為空，則執行程式碼字串，否則，要等到前面的程式碼執行完成後再執行。
var al=setTimeout(function () {
alert("good");
},5000);
alert(al); //2此處,我在5秒後調用了一個匿名函數輸出good,窗口先彈出一個警示框顯示2，可見setTimeout()函數返回的是一個數值ID，具有唯一性，那麼我們就可以透過這個ID來清除超時調用，可以使用clearTimeout(ID)來清除。
間接呼叫:setInterval(),他接受的參數與setTimeout()相同，同樣回傳一個數值ID，使用clearTimeout()清除。
6.系統對話框方法：alert(),confirm(),prompt()等在我前面的部落格中有寫道,點擊這裡
location物件
與其說是BOM中的對象，不如說Location是window對像中的一個屬性，當然，也是後面要講的DOM中document對象的屬性，也就是說,window.location和document. location引用同一個物件。
location物件屬性清單,修改這些屬性可以載入新的頁面，且會在歷史記錄中產生新的紀錄。使用location.replace()則不會再歷史紀錄中產生新紀錄。
| hash | "#contents" | 傳回url中的hash，沒有為「」 |
| host | #"www.google.com" | #傳回伺服器名稱和連接埠號碼（如果有） |
| hostname | "www.google.com " | 傳回不帶連接埠號碼的伺服器名稱 |
| href | "www.google.com" | 傳回目前頁面的完整url,呼叫了assign() |
| pathname | ''/wileyCDA/' | #回傳目錄名稱 |
| ##port | "8080" | #傳回埠號，沒有則回傳空字串 |
| protocol | "http:" | 返回頁面使用的協定 |
| search | "?=javascript" | 傳回查詢字串，以問號開頭 |
以上是實作JavaScript的組成（BOM和DOM詳細解讀）的詳細內容。更多資訊請關注PHP中文網其他相關文章！
