JavaScript中函數的調用


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>

  

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM