JavaScript程序的设计（第2版）04.函数.ppt

函 数 本讲大纲： 1、函数的定义 2、函数的调用 3、递归函数 函数的定义 　　函数是由关键字function、函数名加一组参数以及置于大括号中需要执行的一段语句定义的。函数与其他的JavaScript代码一样，必须位于SCRIPT/SCRIPT标记之间，函数的基本语法如下： 语法： script language=javascript function functionName(parameters){ some statements; } /script functionName：函数名称。 parameters：参数名称。　 例如，下面的程序定义了一个函数，代码如下： script language=javascript function print(statement1,statement2,statement3){ alert(statement1+statement2+statement3); //在页面中弹出对话框 } /script 函数的调用 　　函数定义后并不会自动执行，要执行一个函数需要在特定的位置调用函数，调用函数需要创建调用语句，调用语句包含函数名称、参数具体值。 1．函数的简单调用 函数的定义语句通常被放在HTML文件的HEAD标记中，而函数的调用语句通常被放在BODY标记中，如果在函数定义之前调用函数，执行将会出错。 语法： html head script type=text/javascript function functionName(parameters){ some statements; } /script /head body functionName(parameters); /body /html functionName：函数名称。 parameters：参数名称。 　 例4-20 下面主要用于演示如何调用函数。代码如下： html head meta http-equiv=Content-Type content=text/html; charset=UTF-8 title函数的简单应用/title script type=text/javascript function print(statement1,statement2,statement3){ alert(statement1+statement2+statement3); //在页面中弹出对话框 } /script /head body script type=text/javascript print(第一个JavaScript函数程序 ,作者:,zts); //在页面中调用print（）函数 /script /body /html 在上面的代码中，调用函数的语句将字符串“第一个JavaScript函数程序”、“作者”和“zts”，分别赋予变量statement1、statement2和statement3。运行结果如图4-16所示。 图4-16 函数的简单调用 2．在事件响应中调用函数 当用户单击某个按钮或某个复选框时都将触发事件，通过编写程序对事件做出反应的行为称为响应事件，在JavaScript语言中，将函数与事件相关联就完成了响应事件的过程。 例4-21 当用户单击某个按钮时，与此事件相关联的函数将被执行。可以使用如下代码实现以上的功能。 script language=javascript function test(){ alert(在事件响应中调用函数); } /script body form