函数为程序设计人员提供了方便,通常在进行一个复杂的程序设计时,总是根据所要完成的功能,将程序划分为一些相对独立的部分,每一部分编写一个函数。从而,使各部分充分独立,任务单一,程序清晰,易懂、易读、易维护。
函数是一个拥有名字的一系列Javascript语句的有效结合。只要这个函数被调用,就意味着这一系列Javascript语句被按顺序解释执行。一个函数可以有自己的并可以在函数内使用的参数。
函数的第二个作用是将Javascript语句同一个Web页面相连接。任何一个用户的交互动作都会引起一个事件,通过适当的HTML标记,可以间接地引起一个函数的调用。这样的调用也称为事件处理。
1.定义函数
定义一个函数和调用一个函数是两个截然不同的概念。定义一个函数只是让浏览器知道有这样一个函数。而只有在函数被调用时,其代码才真正执行。
基本语法
01 function 函数名称(参数表)
02 {
03 函数执行部分:
04 return 表达式;
05 }
语法解释
return语句指明将由函数返回的值。return语句是函数内部和外部相互交流和通讯的惟一途径。
文件范例:15-12.htm
在脚本中定义函数。
01 <!-- ------------------------------ -->
02 <!-- 文件范例:15-12.htm -->
03 <!-- 文件说明:在脚本中定义函数 -->
04 <!-- ------------------------------ -->
05 <HTML>
06 <HEAD>
07 <TITLE>在脚本中定义函数</TITLE>
08 <script language="javascript">
09 <!--
10 function displayTaggedText(tag,text)
11 {
12 document.write("<"+tag+">");
13 document.write(text);
14 document.write("</"+tag+">");
15 }
16 //-->
17 </script>
18 </HEAD>
19 <BODY>
20 <script language="javascript">
21 <!--
22 displayTaggedText("H1","this is a level1 heading");
23 displayTaggedText("p","this is a paragraph");
24 //-->
25 </script>
26 </BODY>
27 </HTML>
文件说明
这里我们定义了一个函数,这个函数没有返回值。我们每次调用就会将相应的内容显示到浏览器上。
2.调用函数
当使用return语句的时候,要得到函数的返回值,只要利用函数名对一个变量赋值就可以了。
文件范例:15-13.htm
在脚本中使用函数。
01 <!-- ------------------------------ -->
02 <!-- 文件范例:15-13.htm -->
03 <!-- 文件说明:使用函数 -->
04 <!-- ------------------------------ -->
05 <HTML>
06 <HEAD>
07 <TITLE>使用函数</TITLE>
08 <script language="javascript">
09 <!--
10 function f(y)
11 {
12 var x=y*y;
13 return x;
14 }
15 //-->
16 </script>
17 </HEAD>
18 <BODY>
19 <script language="javascript">
20 <!--
21 x=3;
22 y=f(x);
23 document.write(y);
24 -->
25 </script>
26 </BODY>
27 </HTML>
文件说明
第10-13行定义了函数的功能为进行算术的平方,返回值;第21行给变量x赋值为3,第22行调用函数,第23行将y值输出。