Document Object Model, DOM

文件物件模型（Document Object Model, DOM) 是 HTML的程式介面。它提供了一個文件（樹）的結構化表示法，並定義讓程式可以存取並改變文件架構、風格和內容的方法。DOM 提供了文件以擁有屬性與函式的節點與物件組成的結構化表示。節點也可以附加事件處理程序，一旦觸發事件就會執行處理程序。 本質上，它將網頁與腳本或程式語言連結在一起。 簡單來說， DOM允許我們在 JavaScript 當中操作 HTML 元素。 （如果 JS 無法存取 DOM，那麼它與其他程式語言相比沒有什麼區別。）

Window Object

在 JavaScript 當中的window object代表目前程式碼正在運行的電腦視窗 (通常就是指我們的瀏覽器視窗)。Window Object可使用的常見methods包含：

• window.alert() – 在視窗顯示對話框。
• window.addEventListener() - 將事件監聽程式碼附加到Window Object 。
• window.clearInterval() – 將 setInterval() 所重複執行的程式暫停。
• window.prompt() – return 用戶在提示對話框中輸入的文字。
• window.setInterval() – 每次經過給定的毫秒數時安排一個函數執行。

物件導向程式概念：一個Object可以是另一個Object的attribute。例如，人的配偶也是一個人。

Window Object可使用的常見properties包含：

• window.console – return一個console object。console object可以對瀏覽器的debugging console進行控制與訪問。常用的methods為log(), error()。
• window.document – return window包含的文檔，也就是HTML文件。
• window.localStorage – return一個local storage物件。
• window.sessionStorage – return一個session storage物件。

Document Object Model

所謂的Document Object Model，顧名思義，可知HTML也被視為是個物件。這種架構被稱之為是模型(Model)。我們知道：

• document是一個object，是 window object的一個屬性。