函數是什麼?在javascript中,為了避免代碼的重覆書寫的麻煩,我們把完成某一個特定功能的一組語句稱之為函數,通過函數的調用實現了代碼的復用性與可閱讀性;函數定義語法:function 函數名(){ 函數代碼};其中1.function定義函數的關鍵字2."函數名"你為函數取的名字3."函數代碼... ...
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>JavaScript-什麼是函數</title> 6 <script type="text/javascript"> 7 function 函數名(){ 8 函數代碼 9 }//函數定義語法 10 </script> 11 </head> 12 <body> 13 </body> 14 </html>
為了避免代碼的重覆書寫的麻煩,我們把完成某一個特定功能的一組語句稱之為函數,通過函數的調用實現了代碼的復用性與可閱讀性;
- function定義函數的關鍵字
- "函數名"你為函數取的名字
- "函數代碼"替換為完成特定功能的代碼
- 函數定義好後,是不能自動執行的,所以需調用它,只需直接在需要的位置寫函數就ok了
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>JavaScript-什麼是函數</title> 6 <script type="text/javascript"> 7 /* 8 function 函數名(){ 9 函數代碼 10 }//函數定義語法 11 */ 12 function add2(){ 13 var sum=3+2; 14 alert(sum); 15 // document.write(sum); 16 } 17 add2();//調用函數直接寫函數名稱 18 </script> 19 </head> 20 <body> 21 <input type="button" name="" id="" value="點擊" onclick="add2()"/> 22 <!-- 單擊按鈕,調用函數,onclick為點擊事件 --> 23 </body> 24 </html>
相關拓展:網頁中有一按鈕(名字"點擊我"),當點擊按鈕後調用函數contxt(),彈出對話框"哈哈,調用函數了!"。
1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <title>函數調用</title> 6 <script type="text/javascript"> 7 contxt() //定義函數 8 { 9 alert("哈哈,調用函數了!"); 10 } 11 </script> 12 </head> 13 <body> 14 <form> 15 <input type="button" value="點擊我" onclick=" " /> 16 </form> 17 </body> 18 </html>