1.6.6 JavaScript的函数
函数是一个可以完成特定功能可执行的代码块,它由一条或多条JavaScript语句组成。通常将那些会反复使用,或者用来完成某种功能的代码写成函数,以便利于代码的重用。JavaScript中函数的语法如下所示。
function name(var_1,var_2,……,var_n)
{
statement
}
JavaScript的函数定义由关键字“function”开始,这意味着,每个函数的定义前,都要有“function”一词。关键字“function”之后的name是函数名,它是必须的。接着后面括号里的“var_1,var_2……var_n”是函数的参数列表,表示传入函数里的、需要被函数处理的值。statement是函数体,即调用函数时,函数要执行的语句。它可以是一条语句,也可以是多条语句。如果一个函数不需要传入参数,那么函数名后面的括号不能没有,仍然紧跟在函数名后面,如下面代码所示。
function name()
{
statement
}
提示 Web页面中的JavaScript函数通常可以写在<head>元素或者<body>元素内。
JavaScript中的函数,通常由于某个事件被触发而调用执行。例如,代码1-30演示了当一个Web页面按钮按下时,触发onClick事件,该事件调用一个函数,该函数会弹出一个对话框,表示函数调用成功。
代码1-30 onClick事件及其处理函数的调用1-30.html
01 <html>
02 <head>
03 <title>1-30</title>
04 <script language="JavaScript">
05 function show_msg()
06 {
07 alert("onClick事件成功调用了函数show_msg!")//弹出函数
08 }
09 </script>
10 </head>
11
12 <body>
13 <form>
14 <input type="button"value="单击这里"onclick="show_msg()"><!-单击触发show_msg()函数的运行
-->
15 </form>
16
17 </body>
18 </html>
【代码解析】上述代码在<head>和</head>标签的第4~9行定义JavaScript函数show_msg(),该函数的功能很简单,即在其被调用时,弹出一个警告对话框,并显示一些信息。接着在HTML文档中,指定一个按钮,为其添加onClick事件处理函数show_msg。第14行代码的“onclick="show_msg()"”表示,当发生onClick事件时,调用其处理函数show_msg。用浏览器打开上述HTML文档,单击页面上的“点击这里”按钮,将看到如图1-32所示的效果。