JavaScript程序设计实例教程课件作者刘万辉教学课件第5章节函数及其应用.pptVIP

尚辅网 / JavaScript课程开发组制作 第5章 函数及其应用 本章要点 第5章 函数及其应用 函数的定义 函数的调用 使用函数返回值 函数的嵌套 内置函数 实例：函数的定义与调用 函数的简介 5.1 函数的定义  函数是拥有名字的一系列JavaScript语句的有效组合。只要这个函数被调用，就意味着这一系列JavaScript语句按顺序被解释执行。一个函数可以有自己的可以在函数内使用的参数。 函数还可以用来将JavaScript语句同一个Web页面相连接。用户的任何一个交互动作都会引发一个事件，通过适当的HTML标记，可以间接的引起一个函数的调用。这样的调用也称为事件处理。 函数的定义 定义一个函数只是让浏览器知道有这样一个函数。而只有在函数被调用时，其代码才真正被执行。函数与其他的JavaScript一样，必须位于script/script标记之间，函数的基本语法如下： script language= javascript function 函数名称（参数表）{ 函数执行部分； return表达式； } /script 语法解释：return语句指明由函数返回的值。return语句是函数内部和外部相互交流和通信的唯一途径。 函数的定义 【示例5-1】函数的定义，代码如下： script language=javascript function displayTaggedText(tag,text){ document.write(+tag+); document.write(text); document.write(/+tag+); } /script 5.2.1函数的简介调用 函数调用得的语法格式如下： html head script language=javascript function 函数名称（参数表）{ 函数执行部分； } /script /head body script language=javascript 函数名称（参数表）; /script /body /html 说明： 函数的参数分为形式参数和实际参数两种，其中形式参数为函数赋予的参数，代表函数的位置和类型，系统并不为形参分配相应的存储空间。调用函数时传递给函数的参数称为实际参数，实际参数通常在调用函数之前就已经分配了内存，并赋予了实际的数据，在函数的执行过程中，实际参数参与了函数的运行。 在定义函数时，在函数名后面的圆括号内可以指定一个或多个参数（参数之间用逗号“,”分隔）。指定参数的作用在于当调用函数时可以为被调用的函数传递一个或多个参数。 5.2.1函数的简介调用 htmlheadtitle函数的简单调用/title script language=javascript function displayTaggedText(tag,text) { document.write(+tag+); document.write(text); document.write(/+tag+); } /script /headbody script language=javascript displayTaggedText(H1,这是一级标题); displayTaggedText( p,这是段落标签); /script /body/html 项目演示 【示例5-2 】 5.2.2 在事件响应中调用函数 函数的事件调用一般和表单元素的事件一起使用。 调用格式为：事件名=”函数名” 项目演示 【示例5-3】 5.2.2 在事件响应中调用函数 HEAD SCRIPT language=JavaScript function compute(op) { var num1,num2; num1= parseFloat(document.myform. num1.value); num2=parseFloat(document.myform.num2.value); if (op==+) document.myform. result.value =num1+num2 ; if (op==-) doc