JS DOM---Chapter 1-4

標籤：

1.JavaScript是一種解釋型語言，Web瀏覽器負責解釋&執行；

2.JavaScript是弱類型語言,不需要進行型別宣告；

   JS變數（var）可以直接賦值而無需事先聲明；

   a.數組的聲明var cc = Array();

   b. 對象的聲明var cc = Obiect();

        建立對象 var cc1 = {name="cc", age=22}; //屬性索引值對

3.DOM

一份文檔Document就是一顆節點樹，節點分為不同的類型，如元素節點、屬性節點以及文本節點；

1）文檔中的每一個節點node都是一個對象object

2）getElementById將返回一個對象，對應著文檔中的特定元素節點

3）getElementByTagName和getElementByClassName將返回一個對象數組，對應著文檔裡的一組特定的元素節點

DOM的工作模式：先載入文檔的靜態內容，再動態重新整理，動態重新整理不影響文檔的靜態內容。對頁面內容進行重新整理卻不需要在瀏覽器裡重新整理頁面。

4. JS圖片庫 Demo

在學習Demo的過程中，遇到一個小問題：

<a href="images/flower.png" title="Flower display" onclick="showPic(this);">Flower</a>

觸發圖片連結時，不僅showPic函數被調用，連結點擊的預設行為也會被調用。這樣的話，使用者還是會被帶到新視窗，我們希望阻止這一行為。

在這裡，我們需要瞭解事件處理函數的工作機制：在給某個元素添加了事件處理函數後，一旦事件發生，相應的JavaScript代碼就會被執行，被調用的JavaScript代碼可以返回一個值，這個值將被傳遞給那個事件處理函數。

<a href="images/flower.png" title="Flower display" onclick="showPic(this); return false;">Flower</a>

 我們加上一個return false；這樣onclick事件處理函數所觸發的JS代碼返回false，onclick事件處理函數就會認為這個連結沒有被點擊，這個連結的預設行為就沒有被觸發，使用者就不會被帶到目標連結視窗。

JS DOM---Chapter 1-4