JavaScript中函式的呼叫
阿新 • • 發佈:2019-01-10
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>