1. 程式人生 > >重看Javascript高階程式設計,第1章:Javascript簡介

重看Javascript高階程式設計,第1章:Javascript簡介

做前端這麼多年來。一直覺得自己只是一個切圖仔。需要什麼特效就去網上下載。然後也不管原理,只要滿足需求就行。現在看到自己的底子有點差,決定開始奮起直追。放低姿態,努力前進。每天進步一點點,爭取早點給我們家的小胖子一個家。


1.2 Javascript的實現

    一個完整的javascript實現由下列3個不同的部分組成

  1.     ---核心(ECMAScript)
  2.     ---文件物件模型(DOM)
  3.     ---瀏覽器物件模型(BOM)

 以上三個部分,在當前5個主流瀏覽器(IE、Firefox、Chrome、Safari和Opera)中都有不同程度的支援和差異性。

 

1.2.2 文件物件模型(DOM)

<html>
    <head>
        <title>a page</title>
    </head>
    <body>
        <p>
            何為DOM,我就是DOM結構
        </p>
    </body>
</html>

2.DOM級別

DOM 1 級有兩個模板組成:DOM核心(DOM Core)和DOM HTML。

  • DOM核心規定是如何對映基於XML的文件結構。以便簡化對文件中任意部分的訪問和操作。
  • DOM HTML模組在DOM核心基礎上加以擴充套件。添加了針對HTML的方法。

DOM 2 級引入了下列新模組。也給出了眾多新型別和新介面的定義。

  • DOM檢視(DOM Views):定義了跟蹤不同文件(例,應用CSS之前和之後的文件)檢視的介面;
  • DOM事件(DOM Events):定義了事件和事件處理的介面;
  • DOM樣式(DOM Style):定義了基於CSS為元素應用樣式的介面;
  • DOM遍歷和範圍(DOM Traversal and Range):定義了遍歷和操作文件樹的介面。

 DOM 3 級引入統一方式載入和儲存文件的方法-------在DOM載入和儲存模組中定義;新增驗證文件的方法-------在DOM中驗證模組中定義。

3.其他DOM標準

除DOM核心和DOM HTML 介面之外,其他語言只針對自己的DOM標準如下。都是基於XML的,每種語言的DOM標準都有特定的方法和介面

  • SVG(可伸縮向量圖)
  • MathML(數學標記語言)
  • SMIL(同步多媒體整合語言)

1.2.3 瀏覽器物件模型(BOM) 

BOM一般只處理瀏覽器視窗和框架,後來人們習慣把所有對瀏覽器的Javascript擴充套件算作BOM的一部分。如下:

  • 彈出新瀏覽器視窗的功能;
  • 移動、縮放和關閉瀏覽器視窗的功能;
  • 提供瀏覽器詳細資訊的navigator物件;
  • 提供瀏覽器所載入頁面的詳細資訊的location物件;
  • 提供使用者顯示解析度詳細資訊的screen物件;
  • 對Cookies的支援;
  • 像XMLHttpRequest和IE的ActiveXObject這樣的自定義物件。