JavaScript中函數的調用

JavaScript中函數的調用

製做人:全心全意javascript

在JavaScript中,函數定義後並不會自動執行,要執行一個函數須要在特定的位置調用該函數,調用函數須要建立調用語句,調用語句包含函數名稱和參數。html

函數的簡單調用

函數的定義語句一般被放在HTML文件的<HEAD>段中,而函數的調用語句一般被放在<BODY>段中,若是在函數定義以前調用函數,執行將會出錯。java

函數的簡單調用基本語法格式以下:函數

<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語言中,將函數與事件相關聯就完成了響應事件的過程。如當用戶單擊某個按鈕時執行相應的函數。post

在事件中調用函數的基本語法格式以下:spa

<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:關鍵字」連接來調用函數。orm

經過連接調用函數的基本語法格式以下:htm

<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>
相關文章
相關標籤/搜索