文章教程

1.6.6JavaScript的函数

9/17/2020 9:26:54 PM 人评论 次浏览

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所示的效果。

图 1-32 onClick事件及其处理函数的调用

教程类别