JavaScript中函数的调用

时间 2019-11-09

标签 javascript 函数调用栏目 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>