javascript程式碼有兩種使用方式,分別是:1、直接執行,開啟一個網頁時,所有定義在script標籤或鏈入的js檔案中的JavaScript程式碼就會被執行;2、事件驅動,當發生某一個事件時,執行某段JavaScript程式碼。
本教學操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。
【JavaScript執行方法】
定義在HTML文件中的JavaScript程式碼有兩種執行方法:直接執行、事件驅動。
直接執行:
當我們開啟一個網頁時,所有定義在3f1c4e4b6b16bbbd69b2ee476dc4f83a 標籤或鏈入的js 檔案中的JavaScript程式碼就會被執行。
要注意的是,用 function 定義的函數是不被執行的,函數只有在遇到函數呼叫時才會執行。
範例1:
<script type="text/javascript"> var d = new Date(); var m = d.getMonth(); if( m>=5 ) document.write( m ); </script>
以上JavaScript程式碼是裸放在 3f1c4e4b6b16bbbd69b2ee476dc4f83a 標籤中的,當網頁開啟時,就立即執行。
例2:
<script type="text/javascript"> function getM() { var d = new Date(); var m = d.getMonth(); if( m>=5 ) document.write( m ); } </script> 以上JavaScript代码定义的是函数,当网页打开时,函数中的代码不会被执行。当需要执行该函数时,需要使用函数调用。 <script type="text/javascript"> getM(); </script>
事件驅動:
#當發生某一個事件,如網頁被開啟、點選滑鼠、雙擊滑鼠等,執行某段JavaScript程式碼。
例如:
<script type="text/javascript"> var count = 0; function setCount() { count++; if( count>=5 ) count = 0; } </script> <button onclick="setCount()">计数</button>
本例中,bb9345e55eb71822850ff156dfde57c8 標籤定義了一個按鈕,其中的onclick 屬性用於回應滑鼠點擊事件,當使用滑鼠點擊此按鈕時,執行setCount() 函數。
在標籤中回應某一事件的屬性稱為事件句柄,它們的值是JavaScript程式碼。
常用事件句柄:
#onload:
當網頁被開啟時觸發。它僅在 6c04bd5ca3fcae76e30b72ad730ca86d 和 f900b4fc197b16ab214eecf015bb6bd2 標籤中有效。
該事件一般用於執行一些初始化操作。
onunload:
當網頁被關閉時觸發。它僅在 6c04bd5ca3fcae76e30b72ad730ca86d 和 f900b4fc197b16ab214eecf015bb6bd2 標籤中有效。
這事件一般用來完成一些收尾工作。
onclick:
滑鼠點擊時觸發。它可用於控制項、圖像、文字、超連結等物件。
此事件用於回應滑鼠點選操作,是最常用的一個事件句柄。
ondblclick:
滑鼠雙擊時觸發。它可用於控制項、圖像、文字、超連結等物件。
此事件用於回應滑鼠雙擊操作。
onchange:
當內容改變時觸發。它可用於文字方塊、列錶框等物件。
此事件一般用於回應使用者修改文字方塊中內容的操作。
說明:當使用者向一個文字方塊輸入文字時,不會觸發onchange事件,只有當使用者輸入結束後,點擊文字方塊以外的區域,使文字方塊失去焦點時才觸發該事件。
onselect:
當內容被選取時觸發。它可用於文字方塊、列錶框等物件。
此事件一般用於回應使用者選取了文字方塊中的內容,以及改變了列錶框中所選的項目等操作。
以上只是幾個最常用的事件句柄。
說明:事件句柄不是JavaScript程式碼,而是HTML屬性,所以它不區分大小寫,但應該養成使用小寫字母書寫的習慣。
擴充資料:
【JavaScript定義方法】:
在HTML文件中加入JavaScript程式碼有兩種方法:嵌入式、鏈入式。
嵌入式:
把JavaScript程式碼嵌入在HTML文件中。方法:
<script type="text/javascript"> JS代码 </script>
JavaScript程式碼必須定義在 3f1c4e4b6b16bbbd69b2ee476dc4f83a 和 2cacc6d41bbb37262a98f745aa00fbf0 之間。
3f1c4e4b6b16bbbd69b2ee476dc4f83a 標籤可以放在 head 區,也可以放在 body 區。
在一個HTML文件中,JavaScript程式碼可以在多處出現,每一處都要用 3f1c4e4b6b16bbbd69b2ee476dc4f83a 標籤括起來。
鏈入式:
把JavaScript程式碼放置在一個文字檔案中,檔案副檔名應該定義為.js,在HTML文件中加入以下標籤:
<script type="text/javascript" src="js文件"></script>
src 屬性用於指定鏈入的js 檔案位址。可以是本機文件,也可以是URL。
利用鏈入式,可以讓定義的JavaScript程式碼被多個網頁共用。
【推薦學習:javascript高階教學】
#以上是javascript程式碼有幾種使用方式的詳細內容。更多資訊請關注PHP中文網其他相關文章!