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