第一章 JavaScript基礎

1.爲何學習JavaScript

　　　　　　JavaScript在網頁製做中佔有很是重要的地位

　　　　　　　　　（1）客戶端表單驗證

　　　　　　　　　（2）頁面動態效果

　　　　　　　　　（3）jQuery的基礎

2.什麼是JavaScript　　　

　　　　　　　　Javascript是一種描述性語言，也是一種基於對象（object）和事件驅動（Event Driven）的，並具備安全性能的腳本語言。

　　　　　　　　它與HTML（超文本標記語言）一塊兒，在一個Web頁面中連接多個對象，與Web對象實現交互。不管在客戶端仍是在服務器端

　　　　　　　　javascript程序都要下載到瀏覽器的客戶端執行，從而減輕了服務器的負擔。

3.JavaScript的特色

 

　　　　　　　　

　　　　　　　　1）  javascript主要用來在HTML頁面中添加交互行爲

　　　　　　　　2）  javascript 是一種腳本語言，語法和java相似

　　　　　　　　3）  javascript通常用來編寫客戶端的腳本

　　　　　　　　4）  javascript是一種解釋性語言，變執行邊解釋

4.JavaScript的組成　

　　　　　　　　（1）ECMAScript標準

　　　　　　　　　　　　　　

　　　　　　　　　　　　　　ECMAScript是一種開放的，被國際上廣爲接受的，標準的腳本語言規範。它不與任何具體的瀏覽器綁定。ECMAScript標準主要描述了一下內容：

 

　　　　　　　　　　　　　　1）.語法

 

　　　　　　　　　　　　　　2）.變量和數據類型

 

　　　　　　　　　　　　　　3）.運算符

 

　　　　　　　　　　　　　　4）.邏輯控制語句

 

　　　　　　　　　　　　　　5）.關鍵字，保留字

 

　　　　　　　　　　　　　　6）.對象

 

　　　　　　　　（2）瀏覽器對象模型

　　　　　　　　　　　　　　

　　　　　　　　　　　　　　提供了獨立於內容與瀏覽器窗口進行交互的對象，使用瀏覽器模型能夠實現與HTML的交互，如網上常見的彈出窗口，前進後退等功能。

 

　　　　　　　　（3）文檔對象模型

　　　　　　　　　　　　　　

　　　　　　　　　　　　　　文檔對象模型(Document Object Model)DOM,是HTML文檔對象模型（HTML DOM）定義的一套標準方法，用來訪問和操做HTML 文檔，

　　　　　　　　　　　　　　如網上商城常見的隨着鼠標的移動顯示大的圖片，彈出小提示等　　　　　　

 

 

5.JavaScript的基本結構

　　　　　　　　　　1.JavaScript的基本結構

　　　　　　　　　　　　　　<script type="text/Javascript">

　　　　　　　　　　　　　　　　　　JavaScript 語句；

　　　　　　　　　　　　　　</script>

 

 

　　　　　　　　2.javaScript的執行原理

 

　　　　　　　　　　　　1）瀏覽器客戶端向服務器發送請求；一個用戶在瀏覽器的地址欄中輸入要訪問的頁面（頁面包含JavaScript程序）。

 

　　　　　　　　　　　　2）數據處理：服務器端將某個包含JavaScript的頁面進行處理。

 

　　　　　　　　　　　　3）發送響應：服務器將含有JavaScript的HTML文件處理頁面發送到瀏覽器客戶端，而後瀏覽器客戶端從上至下逐條解析HTML標籤和JavaScript,並將頁面呈現給用戶。

 

　　　　　　　　3.使用客戶端腳本的好處：

 

　　　　　　　　　　　　1）  包含JavaScript的頁面只要下載一次便可，這樣可能減小沒必要要的網絡通訊。

 

　　　　　　　　　　　　2）  JavaScript程序由瀏覽器客戶端執行，而不是由服務器端執行的，所以能減輕服務器端的壓力。

 

　　　　　　　　4.注意事項：

 

　　　　　　　　　　　　A）若是不使用<script>標籤，瀏覽器就會將JavaScript語句看成純文本處理，也就是說把這條命令自己寫到頁面上。

 

　　　　　　　　　　　　B）<script>…</script>的位置並非固定的，能夠包含在文檔的任何地方，只要保證這些代碼在被使用前已讀取並加載到內存便可。

 

6.在頁面中引用JavaScript的三種方式

 

　　　　　　　　1.內部JavaScript文件

 

        　　　　　　　　　　　　 就是直接使用<script>標籤將JavaScript代碼加入到HTML文檔中，這是最經常使用的方式。

 

　　　　　　　　　　　　　　　可是這種方式一般只適用於JavaScript代碼較少，而且網站中的每一個頁面使用的JavaScript代碼均不相同的狀況。

 

　　　　　　　　2.使用外部JavaScript文件

 

　　　　　　　　　　　　　　　　使用外部JavaScript文件，能夠在多個頁面重複使用。減小了使用相同的JavaScript使用頁面的代碼冗餘。

 

　　　　　　　　　　　　　　　　外部JavaScript文件是將JavaScript代碼寫入一個外部文件中，以：文件名.js爲擴展名保存的，而後將文件路徑指定給<script>標籤中的」src」屬性，這樣引用外部js文件。

 

　　　　　　　　3.直接在HTML標籤中

 

　　　　　　　　　　　　　　　　有時候須要在頁面中加入簡短的JavaScript代碼實現一個簡單的頁面效果，如單機按鈕彈出一個對話框等。

 

　　　　　　　　　　　　　　例：

 

         　　　　　　　　　　　　　　　　<input  name=」btn」  type=」button」  value=」彈出消息框」  onclick=」javascript」:

 

　　　　　　　　　　　　　　　　　　　　alert=」(‘歡迎你’)」/>

 

　　　　　　　　　　　　　　　　那麼單擊」彈出消息框」按鈕時，則彈出提示對話框「歡迎你」。

 

　　　　　　　　　　　　　　　　總結：經過以上知道這三種方式的應用場合：

 

　　　　　　　　　　　　　　　　>>:內部Javascript文件適用於JavaScript特效代碼量少，僅用於單個頁面.

 

　　　　　　　　　　　　　　　　>>:外部js文件則適用於代碼 較多，重複應用於多個頁面.

 

　　　　　　　　　　　　　　　　>>:直接在標籤中寫JavaScript則適合於極少代碼，僅用於當前標籤，可是這個方式增長了HTML 代碼，所以這種方法在實際開發中應用極少。

　　

 7.數據類型

　　　　　　typeof(變量或值)

　　　　　　　　返回結果類型

　　　　　　　　　　　　　　1.undefined類型

　　　　　　　　　　　　　　2.null類型

　　　　　　　　　　　　　　3.number類型

　　　　　　　　　　　　　　4.String類型

　　　　　　　　　　　　　　5.boolean類型

8 數組

　　　　　　var 數組名稱=new Array(size);

　　　　　　var fruit=new Array("apple","orange","peach","banana");

　　　　　　　　　　屬性：  length     設置或返回數組中元素的數目　　

　　　　　　　　　　方法：　join()      把數組的全部元素放入一個字符串，經過一個分各

　　　　　　　　　　　　　　sort（）對數組排序

　　　　　　　　　　　　　　push()   向數組末尾添加一個或者多個元素，並返回新的長度

 9.經常使用的輸入和輸出

　　　　　　　　（1）警告（alert）

　　　　　　　　　　　　　　alert("提示信息")

　　　　　　　　　（2）提示（prompt）

　　　　　　　　　　　　　　　prompt("提示信息","輸入框的默認信息");