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>
