第一章 Javascript基礎

標籤：讀取   網上商城   邏輯控制   val   對話   開放   name   str   檔案處理   

第一章   Javascript基礎一.javascript簡介1.    為什麼學習javascript?

Javascript在網頁製作中佔有非常重要的地位，可以實現

A） 客戶表單驗證

B） 頁面動態效果

C） Javascript是jQuery的基礎

2.    什麼是javascript

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

它與HTML（超文字標記語言 (HTML)）一起，在一個Web頁面中連結多個對象，與Web對象實現互動。無論在用戶端還是在伺服器端，javascript程式都要下載到瀏覽器的用戶端執行，從而減輕了伺服器的負擔。

3.    javascript的特點

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

2）  javascript 是一種指令碼語言，文法和java類似

3）  javascript一般用來編寫用戶端的指令碼

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

4.    javascript的組成

一個完整的javascript由三個不同的部分組成，它們分別是：

（1）ECMAScript

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

1）.文法

2）.變數和資料類型

3）.運算子

4）.邏輯控制語句

5）.關鍵字，保留字

6）.對象

（2）瀏覽器物件模型BOM（Browers Object Model）

提供了獨立於內容與瀏覽器視窗進行互動的對象，使用瀏覽器模型可以實現與HTML的互動，如網上常見的快顯視窗，前進後退等功能。

（3）文件物件模型DOM(Document Object Model)

文件物件模型(Document Object Model)DOM,是HTML文件物件模型（HTML DOM）定義的一套標準方法，用來訪問和操作HTML 文檔，如網上商城常見的隨著滑鼠的移動顯示大的圖片，彈出小提示等

二.JavaScript的基本結構1.javaScript的基本結構

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>的位置並不是固定的，可以包含在文檔的任何地方，只要保證這些代碼在被使用前已讀取並載入到記憶體即可。

三.在頁面中引用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 代碼，因此這種方法在實際開發中應用極少。

第一章Javascript基礎