javascript 易漏點

標籤：

       javascript 是一種解釋型語言，不是java或c++那樣的編譯語言。javascript指令以普通文本形式傳遞給瀏覽器，然後依次解釋執行。它們不必首先“編譯”成只有電腦處理器能理解的機器碼。

 

DOM簡介

   “文件物件模型”（DOM）是對文檔及其內容的抽象表示。

      每次瀏覽器要載入和顯示頁面是，都需要解釋構成頁面的HTML原始碼。在解析過程中，瀏覽器建立一個內部模型來代表文檔裡的內容，這個模型就是DOM。在瀏覽器渲染頁面的可見內容時，就會引用這個模型。我們利用javascript可以訪問和編輯這個DOM模型的各個部分，從而改變頁面的顯示內容和使用者互動方式。

  window和document對象

     在DOM裡，頁面的元素具有一個邏輯化，層級化的結構，就像一個有父物件和子物件組成的樹形結構。這個層級樹的最頂端是瀏覽器window對象，它是DOM樹裡一切對象的根。

     任何沒有明確指明對象的方法調用都會被指向window（比如window.alert() == alert()）.

     window對象具有一些子物件（document，location，history，navigator等等），其中document對象最經常使用。瀏覽器載入的任何HTML頁面都會建立一個document對象，包括全部HTML內容及其他構成頁面顯示的資源。利用javascript以父子物件的形式就可以訪問這些資訊。這些對象都具有自己的屬性和方法。

 

DOM對象和內建對象

     在window對象的方法中，有一些是專門用於處理輸入和輸出資訊的：alert()，confirm()，prompt();

     根據id選擇元素：document.getElementById("id_name");

     innerHTML 屬性可以讀取或設定特定頁面元素內部的HTML內容。

     訪問瀏覽器記錄使用window.history對象。

     location對象包含當前載入頁面的URL資訊，使用location對象導航，重新整理頁面。

     navigator對象包含了瀏覽器程式本身的資料。

 

Math對象簡化運算

     floor(num)   ：向下取整

     ceil(num)     :向上取整

     round(num) :四捨五入

     random()：產生0到1的隨機數

 

資料類型

       javascript屬於弱類型的程式設計語言，意味著javascript變數在不同場合可以被解釋為不同的類型。

在javascript裡，不必事先聲明變數的資料類型就可以使用變數，這時javas解釋程式會根據情況作出它認為正確的判斷。如果我們先在變數裡儲存了一個字串，稍後又想把它當作數值使用，這在javascript裡完全是可行的，前提是字串裡的確包含“像”數值的內容（比如“200px”,"59分"）。

      數組

         建立數組：1，var myArray = new Array();  2, var myArray = [];

         數組有length屬性，其值總是比最大索引值大1，即使數組中實際的元素數量沒有那麼多。

javascript 易漏點