摘要：編程藝術第版筆記第章簡史的起源是公司和公司合作開發的。第章文檔對象用戶定義對象內建對象如等。宿主對象由瀏覽器提供的對象。偽協議非標準化的協議。結構樣式行為要分離。壓縮腳本第章案例研究圖片庫改進版共享事件函數需要多個函數都在頁面加載時執行。

《JavaScript DOM 編程藝術（第2版）》筆記

第1章：JavaScript 簡史

JavaScript 的起源

JavaScript 是 Netscape 公司和  Sun 公司合作開發的。

DOM

DOM 是一套對文檔的內容進行抽象和概念化的方法。

瀏覽器戰爭

今天，幾乎所有的瀏覽器都內置了對 DOM 的支持，只要遵循 DOM 標準，就可以放心大膽的去做。

第2章：JavaScript 語法

語句

建議在每條語句末尾都加上分號。

注釋

// 單行注釋
/* 多行注釋
   多行注釋*/

變量

var mood = "happy";
var age = 33;

數據類型

字符串

數值

布爾值

數組

數組

關聯數組

對象

操作符

算術操作符

+ ,-,*,/,++,--,+=

比較操作符

>,=,<,>=,<=,==,!=,===.......

==并不表示嚴格相等，認為 false 與 "" 表示的含義相同。

false == "";
// true

=== 進行嚴格比較，不僅比較值，而且比較變量的類型。

false === "";
// false

邏輯操作符

條件語句和循環語句

if (condions) {
    statemen}

while循環

while (conditions) {
    statements;
}

for 循環

函數與對象

函數：

function name(arguments) {
    statements;
}

對象(object)：

對象是一種非常重要的數據類型。

對象的兩種訪問形式：

屬性 Object.property

方法 Object.method()

宿主對象：在Web應用中就是由瀏覽器提供的預定義對象。

第3章：DOM

DOM：

文檔：D (document)

對象：O(object)

用戶定義對象

內建對象：如 Array,Math,Data等。

宿主對象：由瀏覽器提供的對象。

模型: M(model)

節點(node)：

元素節點

文本節點

屬性節點

獲取元素：

getElementById

getElementsByTagName

getElementsByClassName

獲取屬性：

getAttribute

設置屬性：

setAttribute

第4章：案例研究：JavaScript圖片庫

介紹了 DOM 提供的幾個新屬性：

childNodes

nodeType

nodeValue

firstChild

lastChild

第5章：最佳實戰 平穩退化

平穩退化(graceful degradation)：正確使用 JavaScript 腳本，可以讓訪問者在他們的瀏覽器不支持 JavaScript 的情況下仍然能順利地瀏覽你的網站。
不能平穩退化會影響你的網頁在搜索引擎上的排名。

"javascript:" 偽協議：這種做法非常不好

真協議：用來在因特網上的計算機之間傳輸數據包，如HTTP協議(http://)、FTP協議(ftp://)等。

偽協議：非標準化的協議。

// 用"javascript:" 偽協議調用 popUp()函數：
Example

內嵌的事件處理函數

Example

非常不好，因為#只是創建了一個空鏈接。

平穩退化辦法：將 href 屬性設置為真實存在的 URL 地址，讓它成為一個有效的鏈接。

Example

這樣，即使 javascript 被禁止，這個鏈接也是可用的。

漸進增強

漸進增強就是用一些額外的信息層去包裹原始數據。
按照“漸進增強”原則創建出來的網頁幾乎都符合“平穩退化”原則。

結構、樣式、行為要分離。

向后兼容

對象檢測

// 例如
if (!document.getElementById) {
    return false;
}

瀏覽器嗅探技術

通過提取瀏覽器供應商提供的信息來解決向后兼容問題。

性能考慮

盡量少訪問DOM和盡量減少標記

合并和放置腳本

推薦把 functionA.js,functionB.js,functionC.js合并到一個腳本文件中，這樣可以減少加載頁面時發送的請求數量。

把