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>