（基礎篇）PHP與JavaScript互動

標籤：bsp   雙擊   microsoft   布爾   事先   命名   處理   abstract   color   

一、瞭解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指令碼語言與其他語言一樣，有其自身的基礎資料型別 (Elementary Data Type)、運算式和運算子以及程式的基本架構結構。

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指令碼中的事件調用自訂函數是程式開發過程中經常使用的方法。

 

（基礎篇）PHP與JavaScript互動