JavaScript中函數的調用
制作人:全心全意
在JavaScript中,函數定義后並不會自動執行,要執行一個函數需要在特定的位置調用該函數,調用函數需要創建調用語句,調用語句包含函數名稱和參數。
函數的簡單調用
函數的定義語句通常被放在HTML文件的<HEAD>段中,而函數的調用語句通常被放在<BODY>段中,如果在函數定義之前調用函數,執行將會出錯。
函數的簡單調用基本語法格式如下:
<html> <head> <meta charset="utf-8"> <title>歡迎訪問</title> <script type="text/javascript"> //定義函數 function functionName(parameter) { statements; } </script> </head> <body> <script type="text/javascript"> //調用函數 functionName(parameter); </script> </body> </html>
在事件中調用函數
當用戶單擊某個按鈕或選中某個復選框時都將觸發事件,通過編寫程序對事件作出反應的行為稱為響應事件,在JavaScript語言中,將函數與事件相關聯就完成了響應事件的過程。如當用戶單擊某個按鈕時執行相應的函數。
在事件中調用函數的基本語法格式如下:
<html> <head> <meta charset="utf-8"> <title>歡迎訪問</title> <script type="text/javascript"> function test() { alert("test"); } </script> </head> <body> <form action="" method="post" name="form1"> <input type="button" value="提交" onclick="test();"> //在按鈕單擊事件觸發時調用自定義的函數 </form> </body> </html>
通過鏈接調用函數
函數除了可以在響應事件中被調用之外,還可以在鏈接中被調用,在<a>標簽中的href標記中使用“javascript:關鍵字”鏈接來調用函數。
通過鏈接調用函數的基本語法格式如下:
<html> <head> <meta charset="utf-8"> <title>歡迎訪問</title> <script type="text/javascript"> function test() { alert("test"); } </script> </head> <body> <a href="javascript:test()">test</a> //在鏈接中調用函數 </body> </html>