JavaScript程序设计基础与实战- 课件 模块4　JavaScript函数编程及应用.pptx

JavaScript函数编程及应用JavaScript程序设计基础与实战Learningandpractice时间:演讲人：

目录/DIRECTORY1.JavaScript的函数2.JavaScript的计时方法实战演练任务1.实现动态改变样式任务2.实现动态改变网页字体大小及关闭网页窗口任务3.实现滚动网页标题栏中的文本

1.JavaScript的函数函数是相对独立的具有特定功能的代码块，该代码块中的语句被视作一个整体执行。函数会在某代码调用它时被执行，函数可以重复被调用并执行。函数是那些只能由事件或函数调用来执行的脚本容器，因此，在浏览器最初加载和执行包含在网页中的脚本时，函数并没有被执行。函数包含用于完成某个任务的脚本，函数执行时能够随时执行脚本。【示例4-1】demo0401.htmlscriptfunctionopenWin(){alert(感谢你光临本网站);}/scriptinputtype=buttonvalue=单击这里onclick=openWin()

1.JavaScript的函数函数定义的说明如下。①JavaScript函数通过function关键字进行定义，其后是函数名和半角圆括号“()”，关键字function必须是小写的。②函数名可包含字母、数字和下画线（命名规则与变量名的相同）。③圆括号内可包括由逗号分隔的参数，函数参数是在函数定义中所声明变量的名称，形式为(参数1,参数2,……)。④函数定义中的函数参数是局部变量，称为“形参”。当调用函数时由函数接收的真实值则称为“实参”。⑤由函数执行的语句被放置在花括号“{}”中，各条语句以分号结束。⑥因为函数定义不是可执行的语句，所以通常不以分号结尾，即函数定义时的右花括号“}”后面没有分号。【示例4-2】demo0402.html代码如下：functiongetAmount(price,num){returnprice*num;//该函数返回表达式price*num的值}document.write(getAmount(45,2));//输出结果为90

1.JavaScript的函数2．函数调用函数能够对代码进行复用，即只要定义一次，就可以多次使用它。当调用函数时，会执行函数内的代码。JavaScript对字母大小写敏感，只能使用与函数名相同的名称来调用函数。被定义的函数不会直接执行，它们“被保存供稍后使用”，函数中的代码将在其他代码调用该函数时执行，常见的调用函数的情况如下。①当事件发生时调用函数。可以在某事件发生时（如用户单击按钮时）直接调用函数，并且可由JavaScript在任何位置进行调用。②通过JavaScript代码调用。③自调用。函数能够通过参数来接收数据，函数可以有一个或多个形式参数（Parameter，简称形参），函数调用时可以有一个或多个实际参数（Argument，简称实参）。形参和实参常会被弄混，形参是函数定义的组成部分，而实参在调用函数时才会用到。在调用带参数的函数时，可以向其传递值，这些参数值可以在函数内使用。此外，函数可以带任意多个参数，这些参数由半角逗号“,”分隔，其形式如下。functionName(argument1,argument2)定义函数时，将参数作为变量来定义。。

1.JavaScript的函数例如：functionfunctionName(var1,var2){//这里是要执行的代码}变量和参数必须以一致的顺序出现，第一个变量的值就是被传递给第一个参数的值，以此类推【示例4-3】demo0403.html包含1个参数的函数示例如下。scriptfunctionopenWin(msg){alert(msg);}/scriptinputtype=buttononclick=openWin(感谢你光临本网站)value=单击这里

1.JavaScript的函数上述代码中定义的函数会在按钮被单击时调用，并且输出提示信息：“欢迎张珊老师”。这里还可以使用不同的参数来调用该函数，且将出现不同的提示信息。例如：inputtype=buttononclick=displayInfo(李斯,老师)value=单击这里inputtype=buttononclick=displayInfo(王武,老师)value=单击这里单击不同的按钮，会出现不同的提示信息：“欢迎李斯老师”或“欢迎王武老师”。3．函数的返回值有时，我们希望函数将值返回给调用者，这使用return语句就可以实现。当JavaScript函数的代码执行到return语句时，函数将停止执行，并