JavaScript 是目前公認的客戶端腳本最強語言，其在客戶端的處理能力也使服務器大大的減輕了負擔，
其應用的也十分廣泛，可以說目前每個網站都或多或少的運用JavaScript ，目前流行的Ajax技術也是
以JavaScript為基礎的，本簡單教程適合初學都觀看，您可以在此對JavaScript進行初步的了解。
本簡明教程主要從以下幾個方面來簡單講述一下JavaScript
一、JavaScript特征
二、如何使用JavaScript
二、JavaScript語法
三、JavaScript對象
四、JavaScript事件
五、練習
JavaScript----特征
JavaScript是事件驅動的
JavaScript是平臺獨立的
JavaScript不涉及耗時的編譯
JavaScript沒有復雜的語法和規則集合
JavaScript是基于對象而不是面向對象的
JavaScript支持諸如：switch..case、If…else、while 、 for、 do while等之類的構造
JavaScript區分大小寫
JavaScript使用分號組合語句;
JavaScript和Java
JavaScript 是解釋性語言, 而 Java 代碼是
在執行前先被編譯。
JavaScript 被集成在 HTML, 而 Java 應
用不與 HTML集成
JavaScript 多數用于客戶端的活動,很少應用在服務端
JavaScript 有限的對象、方法、屬性和數據類型是不可擴展的。這與Java 的 類和方法是不同的。
JavaScript 程序在 HTML 文檔中運行
JavaScript 語句放在
<SCRIPT>
…………
</SCRIPT>
語句標簽對內部
JavaScript 代碼可以放在HTML文檔中的 <HEAD> 或: <BODY> 節內。
</SCRIPT>
</HEAD>
<BODY>
文本頁
<SCRIPT>
<!- JavaScript代碼 也可放在這里 - >
</SCRIPT>
文本頁也可放這
</BODY>
</HTML>
JavaScript使用-----引用源文件
可以一個外部文件包括腳本
假如：
代碼比較復雜
計劃經常修改該代碼
計劃在多個頁面中使用使用相同的代碼
這是有用的
文件的擴展名為 .js
<HTML>
<HEAD> <TITLE> 頁標題 </TITLE>
<SCRIPT language=“JavaScript”>
<!--- JavaScript 代碼 -- >
</SCRIPT>
</HEAD>
<BODY>
文本頁
<SCRIPT>
<!- JavaScript代碼 也可放在這里 - >
</SCRIPT>
文本頁也可放這
</BODY>
</HTML>
JavaScript語法---聲明變量
JavaScript是一種弱類型腳本語言
1.變量是區分大小寫的。如“abc”與“ABC”是不一樣的
2.變量的數據類型是不嚴格的，可以有數字、字符串、布爾變量（true、false)，是由javascript解釋器自動地確定存儲在變量中數據類型。
3.聲明變量通過關鍵字var,如下：
var var1,var2;
可把值在聲明時賦給它，如：
var var=10;
var var2=“hello”;
var var3=true;
變量的長度可由length函數獲得，如：
var len=var2.length;
1.局部變量
變量可在聲明它的函數中被訪問，
2.全局變量
變量在函數體以外被聲明，則可以在整個頁面被訪問到。
JavaScript語法----選擇流程
If語句，語法 if(condstmt)
{
statement
}
Else if(condstmt2)
{
Else if statement
}
Else
{
elsestatement
}
For語句
For(初始化；條件；更新）
{
statement
}
JavaScript語法----控制語句
break語句
結束當前的while,for 以及do while 循環的執行，并把程序的控制交給下一條語句。
continue語句
結束當前while,for以及do while循環，并開始下一輪循環
JavaScript語法----函數編寫
<script >聲明
function fname（var1,var2…)
{
return value;
}
….
</script>
調用：
<script >
fname
</script>
alert(“string1”)
數組對象
創建方法
new Array() new Array(size) new Array(element0, element1, ..., elementn)
使用技巧
var my_array = new Array(); for (i = 0; i < 10; i++) { my_array[i] = i; } x = my_array[4];
方法
array1.concat(array2) 返回一個新數組，這個新數組是由兩個數組組合而成的。 arrayobj.join(separator)
返回一個 String 對象，這個字符串對象是由整個數組的所有元素連接在一起而形成的。 arrayobj.reverse( ) 返回一個元素順序被反轉的 Array 對象 toString()
返回對象的字符串表示
屬性
numVar = arrayObj.length
返回一個整數值，這個整數比數組中所定義的最高位元素的下標大 1。
Date對象
構造方法
var newDateObj = new Date() var newDateObj = new Date(dateVal) var newDateObj = new Date(year, month, date[, hours[, minutes[, seconds[,ms]]]])
方法
getDate方法
getDay方法
getYear方法
getMonth
Math對象
描述
是一個固有對象，提供基本數學函數和常數 abs方法 acos、 asin、atan、atan2、 cos、 exp、
floor 返回小于等于其數字參數的最大整數
max、 min
random方法，返回介于 0 和 1 之間的偽隨機數。
round方法
sin
sort方法
tan方法
屬性
numVar = Math.PI
String對象
字符串對象的聲明
Var t=“hello”;
Var t=new String(“hello”);
方法:
anchor (anchorstring ) 在對象中的指定文本兩端放置一個有 NAME 屬性的 HTML 錨點。
bold方法 把 HTML <B> 標記放置在 String 對象中的文本兩端。
方法（續）
charAt(index)返回指定索引位置處的字符。 concat(String)返回一個 String 對象，該對象包含了兩個提供的字符串的連接 indexOf(substr)返回 String 對象內第一次出現子字符串的字符位置。 lastIndexOf(substr) replace(rgExp, replaceText )返回根據正則表達式進行文字替換后的字符串的復制。 split(delimchar)將一個字符串分割為子字符串，然后將結果作為字符串數組返回。 substr(start,length)返回一個從指定位置開始的指定長度的子字符串。 substring(start,end)返回位于 String 對象中指定位置的子字符串。 toLowerCase() toUpperCase()
Window對象
是JavaScript的最高層對象，下有location對象、history對象、document對象和frame對象
Window對象相關屬性
defaultStatus 包含缺省的狀態攔文本的串值
Frames 記錄窗口中框架個數的數組對象,有此定位框架
Length 表示父窗口框架個數
Name 包含的名稱
Parent 包含父窗口的名稱
Self 包含當前的窗口名，另一方法使用上邊描述的名
Status 表示狀態欄文本信息
Top 包含頂層的窗口名
Window 選用自身或名
Window對象相關方法
Alter(messageText) 以 messageText為消息，上托window
Close() 關閉當前窗口。 window.close()在
JavaScript中被識別
Confirm 上托帶顯示messageText的消息框，
(messageText) 有OK和CANCEL按鈕
Open(url,name, 打開url 提供的新窗口，帶有此窗口目標
featureList) 名，特征表指出如出現工具欄、狀態
欄、菜單欄、滾動條等特征。
Prompt (messageText 請求用在對話框的文本域輸入
,response)
setTimeout 以毫秒指定時間間隔，間隔完后執行表達式
(expression,time)
clearTimeout(timerID) 清除由timerID指定的時間間隔
是從屬于 window 的對象
為處理當前文檔資料提供了若干屬性，諸如:
location
Lastmodified
為處理當前文檔資料提供了若干屬性，諸如：
Open()
Close()
Document對象方法
Clear() 清除document窗口
Close() 關閉write流
Open() 打開此文檔，檢索write()流中的
數據
Write (content) 把指定的內容寫到該文檔
Writeln() 向文檔寫入一行數據，后跟一個回車
對象.value
事件
事件是為動作響應時出現的通知。
此通知的處理代碼稱為事件處理程序。
在javascript中可以為指定對象的各種事件設置相對應的事件處理程序。
如
按鈕的onclick, ,onmouseover ,onmouseout Select 的onchange, onclick
Image 的onerror
等
設置事件方法
設置事件的方法，在指定對象的代碼中加入類似屬性
<….. onclick=“func1()” ….></>
事件與描述
事件 描述
Click 當用戶在表單元素上或連接上點擊時產生
Change 當用戶改變表單字段值時產生
Focus 當用戶對元素輸入時產生
Load 當頁面被裝入到瀏覽器時產生
MouseOver 當在區域或連接對象上移動鼠標指針時產生
MouseOut 當鼠標指針離開區域或連接對象時產生
Select 當用戶選取表單字段時產生
Blur 當輸入字段失去聚焦時產生
對象及對應事件
對象 事件處理程序
Button onClick
Reset onClick
Submit onClick
Radio onClick
Checkbox onClick
Link onClick, onMouseOver , onMouseOut
Form onSubmit, onReset
Text onChange, onFocus, onBlur, onSelect
Textarea onChange, onFocus, onBlur, onSelect
Select onChange, onFocus, onBlur
Image onAbort, onError
Area onClick, onMouseOver , onMouseOut
Window onLoad, onUnLoad, onError
久久不醉