一、了解javascript
Javascript是腳本編程語言,支持WEB應用程序的客戶端和服務器端構件的開發,在WEB系統中得到了非常廣泛的應用。
1、 什么是javascript
Javascript是由netscape communication corporation (網景公司)開發的,是一種基本對象和事件驅動並具有安全性能的解釋型腳本語言。
它不但可用於編寫客戶端腳本程序,由WEB瀏覽器解釋執行;而且還可以編寫在服務器端執行的腳本程序,在服務器端處理用戶提交的信息並動態地向瀏覽器返回處理結果。
2、 Javascript的功能
Javascript是比較流行的一種制作網頁特效的腳本語言,它由客戶端瀏覽器解釋執行,可以應用在PHP、ASP、JSP和ASP.NET網站中。同時目前比較熱門的ajax就是以javascript為基礎,
由此可見,熟練掌握並應用javascript對於網站開發人員非常重要。
主要應用於以下幾個方面:
(1)、在 ,便於網站與用戶間的溝通,及時響應用戶的操作,對提交的表單做即時檢查,如驗證表單元素是否為空,驗證表單元素是否是數值型、檢測表單元素是否輸入錯誤等。
(2)、應用js腳本制作網站特效,如動態的菜單、浮動的廣告等,為頁面增添絢麗的動態效果,使用網頁內容更加豐富、活潑。
(3)、應用JS腳本,建立復雜的網頁內容,如打開新窗口載入網頁。
(4)、應用JS腳本,可以對用戶的不同事件產生不同的響應。
(5)、應用JS腳本,制作各種各樣的圖片、文字、鼠標、動畫和頁面的效果。
(6)、應用JS腳本,制作一些小游戲。
二、Javascript語言基礎
JS腳本語言與其他語言一樣,有其自身的基本數據類型、表達式和運算符以及程序的基本框架結構。
1、JS的數據類型
主要有6種數據類型:
字符串型:使用單引號或雙引號括起來的一個或多個字符。 如”php”等。
數值型:包括整數或浮點數(包含小數點的數或科學記數法的數) 如-128、12.9、6.98e6等
布爾型:布爾型常量只有兩種狀態,即true或false 如event.return value=false
對象型:用於指定JS程序中用到的對象。 如網頁表單元素
NULL值:可以通過給一個變量賦null值來清除變量的內容。 如a=null
Undefined:表示該變量尚未被賦值。 如var a
1、JS的變量
變量是指程序中一個已經命名的存儲單元,它的主要作用就是為數據操作提供存放信息的容器。在使用變量前,必須明確變量的命名規則、變量的聲明方法及變量的作用域。
(1)、變量的命名規則
必須以字母或下划線開頭,中間可以是數字、字母或下划線。
變量名不能包含空格或加號、減號等符號。
JS的變量名是嚴格區分大小寫的。
不能使用JS中的關鍵字。JS的關鍵字如下表:Abstract,continue,finally,instanceof,private,this,boolean,default,float,int,public,throw,break,do,for,interface,
return,typeof,byte,double,function,long,short,true,case,else,goto,native,static,var,catch,extends,implements,new,super,void,char,false,import,null,
switch,while,class,final,in,package,synchronized,with
注意:雖然JS的變量可以任意命名,但為了在編程時使用代碼更加規范,最好使用便於記憶、且有意義的變量名稱,以增加程序的可讀性。
(2)、變量的聲明與賦值
在JS中,一般使用變量前需要先聲明變量,但有時變量可以不必先聲明,在使用時根據變量的實際作用來確定其所屬的數據類型。所有的JS變量都由關鍵字var聲明。
語法如下:
Varexample;
在聲明變量的同時也可以對變量進行賦值:
Varexample=100;
建議讀者在使用變量前就對其聲明,因為聲明變量最大好處就是能及時發現代碼中的錯誤。由於JS是采用動態編譯的,
而動態編譯是不易於發現代碼中的錯誤的,特別是變量命 名方面的錯誤。
聲明變量時所遵循的規則如下:
可以使用一個關鍵字var同時聲明多個變量,例如:
Var I,j;
可以在聲明變量的同時對其進行賦值,即為初始化:例如:
Var i=1;j=100;
如果只是聲明了變量,並未對其賦值,則其值默認為undefined.
在JS中,可以使用分號代表一個語句的結束,如果每個語句都在不同的行中,那么分號可以省略,如果多個語句在同一行中,
那么分號就不能省略。建議大家,不省略分號,以養成良好的編程習慣。
例:
Var i=100;
Var str=”有一條路,走過總會想起。”;
Var content=true;
在程序開發過程中,可以使用var語句多次聲明同一個變量,如果重復聲明的變量已經有一個初始值,那么此時的聲明變就相當於對變量重新賦值。
2、JS的注釋
在JS中,采用的注釋方法有2種:
(1)、單行注釋
單行注釋使用 // 進行標識。// 符號后面的文字都不能被程序解釋執行。
(2)、多行注釋
多行注釋使用“/* */”進行標識。“/* …… */”符號中間的文字不被程序解釋執行。
多行注釋中可以嵌套單行注釋,但不能嵌套多行注釋。因為第一個 /* 會與其后面第一個 */ 相匹配,從而使后面的注釋不起作用,甚至引起程序出錯。
另外,JS還能識別HTML注釋的開始部分 <!-- JS會將其看作為單行注釋結束,如使用 // 一樣。但JS不能識別HTML注釋的結束部分 -->.
這種現象存在的主要原因是:在JS中,如果第一行以 <!-- 開始,最后一行以 --> 結束,那么其間的程序就包含在一個完整的HTML注釋中,
會被不支持JS的瀏覽器忽略掉,不能被顯示。如果第一行以 <!-- 開始, 最后一行以 //-->結束,JS會將兩行都忽略掉,而不會忽略這兩行之間的部分。用這種方式可以針對那些無法理解JS的瀏覽器而隱藏代碼,而對那些可以理解JS的瀏覽器則不必隱藏。
三、自定義函數
自定義函數就是由用戶自己命名並且書寫的能實現特定功能的程序單元。用戶使用的自定義函數必須事先聲明,不能直接使用沒有聲明過的自定義函數.
JS用function來定義函數,語法如下:
Function 函數名(參數){
Return var;
}
自定義函數的調用方法是:
函數名();
其中的括號一定不能省略。
例:
<scriptlanguage="javascript">
function chengji(a,b){
return a*b;
}
document.write("輸出的結果是:"+chengji(15,3));
</script>
執行后的結果是:
輸出的結果是:45
在同一個頁面不能定義名稱相同的函數,另外,當用戶自定義函數后,需要對該函數進行引用,否則自定義函數將失去意義。
四、Javascript流程控制語句
所謂流程控制語句就是對語句中不同條件的值進行判斷,從而根據不同的條件執行不同的語句。在JS中,流程控制語句可以分為條件語句、循環語句和跳轉語句。
1、 條件語句
在條件控制語句中主要包括兩種:一種是IF條件語句,另一種是Switch多分支語句。
2、 循環語句
3、 跳轉語句
五、Javascript事件
JS是基於對象的語言。它的一個最基本的特證就是采用事件驅動。事件是某此動作發生時產生的信號,這些事件隨時都可能發生。引起事件發生的動作稱之為觸發事件。
鼠標鍵盤事件
Onclick 鼠標單擊時觸發此事件
Ondblclick 鼠標雙擊時觸發此事件
Onmousedown 按下鼠標時觸發此事件
Onmouseup 鼠標按下后松開鼠標時觸發此事件
Onumoseover 鼠標移動到某對象范圍上方時觸發
Onumosemove 鼠標移動時觸發此事件
Onmoseout 鼠標離開某個對象范圍時觸發此事件
Onkeypress 當鍵盤上的某個按鍵被按下並且釋放時觸發
Onkeydown 當鍵盤上的某個按鍵被按下時觸發此事件
Onkeyup 當鍵盤上的某個按鍵被按下后松開時觸發
頁面相關事件
onabort 圖片在下載時被用戶中斷時觸發此事件
Onload 頁面內容完成時觸發此事件(頁面加載事件)
Onresize 當瀏覽器的窗口大小被改變時觸發此事件
Onumload 當前頁面將被改變時觸發此事件
表單相關事件
onblur 當前元素失去焦點時觸發此事件
Onchange 當前元素失去焦點且無素的內容發生改變時
Onfocus 當前元素獲得焦點時觸發此事件
Onreset 當表單中reset的屬性被激活時觸發些事件
Onsubmit 一個表單被遞交時觸發此事件
滾動字幕事件
onbounce 在marquee內的內容移動到marquee顯示范圍之外時觸發此事件
Onfinish 當marquee元素完成需要顯示的內容后觸發
Onstart 當marquee元素開始顯示內容時觸發此事件
在PHP中應用js腳本中的事件調用自定義函數是程序開發過程中經常使用的方法。
