JavaScript的組成—ECMAScript、BOM和DOM

2024-04-27 15:16:22

字體：大中小

供稿：網(wǎng)友

http://www.itxueyuan.org/javascript/jiaocheng/

Javascript 是一種基于 ECMAScript 規(guī)范的腳本語(yǔ)言，并在此基礎(chǔ)上進(jìn)行了自己的封裝。ECMAScript 不是一種編程語(yǔ)言，僅僅是一種腳本語(yǔ)言規(guī)范，由歐洲計(jì)算機(jī)協(xié)會(huì)制定和發(fā)布，任何基于此規(guī)范實(shí)現(xiàn)的腳本語(yǔ)言都要遵守它的約定。除了JavaScript，微軟發(fā)布的 JScript 和 Flash 開(kāi)發(fā)中的 ActionScript 也是基于 ECMAScript 規(guī)范的。在JavaScript，JScript 和 ActionScript 中聲明變量，操作數(shù)組等語(yǔ)法完全一樣，因?yàn)樗鼈兌际腔?ECMAScript 規(guī)范的。但是在操作瀏覽器等方面又有各自獨(dú)特的方法，這些都是各個(gè)瀏覽器廠商進(jìn)行的不同的擴(kuò)展，這些擴(kuò)展只有一些“事實(shí)上的標(biāo)準(zhǔn)”，沒(méi)有規(guī)范的文檔。JavaScript 的內(nèi)容，包含以下三部分：ECMAScript（核心）：JavaScript 語(yǔ)言基礎(chǔ)；DOM（文檔對(duì)象模型）：規(guī)定了訪問(wèn)HTML和xml的接口；BOM（瀏覽器對(duì)象模型）：提供了獨(dú)立于內(nèi)容而在瀏覽器窗口之間進(jìn)行交互的對(duì)象和方法。

一. ECMAScript

ECMAScript 規(guī)定了 JavaScript 腳本的核心語(yǔ)法，如數(shù)據(jù)類(lèi)型、關(guān)鍵字、保留字、運(yùn)算符、對(duì)象和語(yǔ)句等，它不屬于任何瀏覽器。ECMAScript 標(biāo)準(zhǔn)定義了 JavaScript 腳本中最為核心的內(nèi)容，是 JavaScript 腳本的“骨架”，有了“骨架”，就可以在它上面進(jìn)行擴(kuò)展，如 DOM（文檔對(duì)象模型）和 BOM（瀏覽器對(duì)象模型）。目前，ECMAScript 已經(jīng)發(fā)布了五個(gè)版本，最新版本是 V5，于2009年12月發(fā)布。

二. DOM

DOM 是“ Document Object Model ”的縮寫(xiě)，簡(jiǎn)稱(chēng)“ 文件對(duì)象模型 ”，由W3C制定規(guī)范。DOM 定義了 JavaScript 操作 HTML 文檔的接口，提供了訪問(wèn) HTML 文檔（如body、form、div、textarea等）的途徑以及操作方法。瀏覽器載入 HTML 文檔后，將整個(gè)文檔規(guī)劃成由節(jié)點(diǎn)構(gòu)成的節(jié)點(diǎn)樹(shù)，文檔中每個(gè)部分都是一個(gè)節(jié)點(diǎn)。例如：

<div id="div1" class="div1">DOM示例</div><div> 標(biāo)簽是元素節(jié)點(diǎn)，“id”和“class”是屬性節(jié)點(diǎn)，“DOM示例”是文本節(jié)點(diǎn)。【例1-7】DOM 節(jié)點(diǎn)演示：<html><head>    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title> First Page!</title></head><body>    <h1>Test!</h1>    <!--NOTE!-->    <p>Welcome to<em> DOM </em>World! </p>    <ul>        <li>Newer</li>    </ul></body></html>瀏覽器載入該文檔后，根據(jù) DOM 規(guī)范，會(huì)將文檔以節(jié)點(diǎn)樹(shù)形式表示出來(lái)。圖1-1  DOM 節(jié)點(diǎn)樹(shù)演示圖三. BOM
BOM 是“ Browser Object Model ”的縮寫(xiě)，簡(jiǎn)稱(chēng)“ 瀏覽器對(duì)象模型 ”。BOM 定義了 JavaScript 操作瀏覽器的接口，提供了訪問(wèn)某些功能（如瀏覽器窗口大小、版本信息、瀏覽歷史記錄等）的途徑以及操作方法。遺憾的是，BOM 只是 ECMAScript 的一個(gè)擴(kuò)展，沒(méi)有任何相關(guān)標(biāo)準(zhǔn)，W3C也沒(méi)有對(duì)該部分作出規(guī)范，每個(gè)瀏覽器廠商都有自己的 BOM 實(shí)現(xiàn)，這可以說(shuō)是 BOM 的軟肋所在。通常情況下，瀏覽器特定的（即非 W3C 標(biāo)準(zhǔn)規(guī)定的）JavaScript 擴(kuò)展都被看作 BOM 的一部分，主要包括：關(guān)閉、移動(dòng)瀏覽器及調(diào)整瀏覽器窗口大小；彈出新的瀏覽器窗口；提供瀏覽器詳細(xì)信息的定位對(duì)象；提供載入到瀏覽器窗口的文檔詳細(xì)信息的定位對(duì)象；提供用戶(hù)屏幕分辨率詳細(xì)信息的屏幕對(duì)象；提供對(duì)cookie的支持；加入ActiveXObject類(lèi)擴(kuò)展BOM，通過(guò)JavaScript實(shí)例化ActiveX對(duì)象。注意：BOM 有一些“事實(shí)上的標(biāo)準(zhǔn)”，如操作瀏覽器窗口、獲取瀏覽器版本信息等，在不同瀏覽器中，對(duì)它們的實(shí)現(xiàn)方法是一樣的。