JS和DOM的關系

DOM對象

DOM實際上是以面向對象方式描述的文檔模型。DOM定義了表示和修改文檔所需的對象、這些對象的行為和屬性以及這些對象之間的關系。

根據W3C DOM規范，DOM是HTML與XML的應用編程接口（API）。

通過 DOM，可以訪問所有的 HTML 元素，連同它們所包含的文本和屬性。可以對其中的內容進行修改和刪除，同時也可以創建新的元素。

HTML DOM 獨立於平台和編程語言。它可被任何編程語言諸如 Java、JavaScript 和 VBScript 使用。

DOM對象，即是我們用傳統的方法(javascript)獲得的對象。DOM屬於瀏覽器，而不是JavaScript語言規范里的規定的核心內容，

 

Jscript 支持四種類型的對象：內部對象、生成的對象、宿主給出的對象（如 Internet 瀏覽器中的 window 和 document）以及 ActiveX 對象（外部組件）。

 

內部對象：

Jscript 提供了 11 個內部（或“內置”）對象。它們是Array、Boolean、Date、Function、Global、Math、Number、Object、RegExp、Error 以及 String 對象。每一個對象有相關的方法和屬性

生成對象：

要創建自己的對象實例，必須首先為其定義一個構造函數。構造函數創建一個新對象，賦予對象屬性，並在合適的時候賦予方法。例如，下面的示例為 pasta 對象定義了構造函數。注意  this 關鍵字的使用，它指向當前對象。

// pasta 是有四個參數的構造器。
function pasta(grain, width, shape, hasEgg)
{
    // 是用什么糧食做的？
    this.grain = grain;

    // 多寬？（數值）
    this.width = width;     

    // 橫截面形狀？（字符串）
    this.shape = shape;   

// 是否加蛋黃？（boolean）
    this.hasEgg = hasEgg;  
}

定義了對象構造器后，用 new 運算符創建對象實例。

var spaghetti = new pasta("wheat", 0.2, "circle", true);
var linguine = new pasta("wheat", 0.3, "oval", true);