JavaScript中函数的调用
Posted 全心全意_运维
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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>
以上是关于JavaScript中函数的调用的主要内容，如果未能解决你的问题，请参考以下文章