為什麼要學JavaScript

做表單驗證，可以減輕服務端的壓力。 實現動態效果，即：控制前段頁面的顯示。

JavaScript是基於物件事件驅動的

JavaScript的特點

• 向HTML頁面中新增互動行為
• 指令碼語言，語法和java類似
• 解釋性語言，邊執行邊解釋

JavaScript的組成

1.ECMAscript 2.DOM：document object model 文件物件模型，用於操作HTML文件。 3.BOM：browser object model 瀏覽器物件模型，用於控制瀏覽器的狀態和行為。

JavaScript的基本語法結構

<script  type="text/javascript"> 
    <!--     function 方法名(){
    //程式碼塊內容
} -->
</script>

JavaScript與HTML文件的三種結合方式

行內：

 <input type="button" value="普通按鈕" onclick="javascript:alert('a');"/>

內部:在head標籤中編寫script標籤中編寫JavaScript程式碼

外部：使用標記 <script src="hxt.js"> </script>

JavaScript變數使用

對於JavaScript變數使用時候，使用 var+變數名=值，是一種弱引用，不同於java在宣告變數的時候，必須制定型別，在JavaScript中不必制定型別

JavaScript中常見的變數宣告

1.undefined var width； 變數width沒有初始值，將被賦予值undefined 2.null 表示一個空值，與undefined相等 3.number 浮點數和整數都可以表示 4.boolean 和java中相同，只有true和false 5.string 與java中區別在與string開頭為小寫

對於變數或值呼叫typeof運算子返回值

例如： typeof（變數名）

字串

與java中相同的方法

陣列

使用Array關鍵字

var arr=new Array（size） size為陣列的長度；

也可以使用new Array[“”,”“,”“]； 放入數值

陣列中常用的屬性和方法

屬性：length 相似於java中的長度顯示 方法：1.join（） 把陣列的所有的元素放入一個字串中，通過一個的分隔符號進行分隔。 2.sort（）對陣列進行排序 3.push（）向陣列末尾新增一個或更多

foreach

for（var i in 陣列名）{ document.writeln(陣列名[i])； }

輸入 prompt()

輸入主要是window下的，用Window呼叫，或者可以省略 prompt（”你喜歡的顏色？”,”  “）;

輸出alert()

警告資訊相當於java的system.out

alert(“”);

函式

使用parseXxx() xxx是基本資料型別的名字，相當於java中的包裝類的裝換

isNaN 用於檢查引數是否是非數字 如果是非數字，返回true 否則false

function 定義方法時候，直接用function+方法名（引數1，引數2） 沒有返回值型別