JavaScript第2讲.ppt

第二章 函数和事件 课程目标 熟悉JavaScript的默认函数，包括eval()函数、isNaN()函数、parseInt()函数、parseFloat()函数 掌握JavaScript自定义函数的结构、参数及调用 熟悉定时器的相关操作，包括setTimeout()、clearTimeout() 、setInterval()、clearInterval()等函数的使用 理解JavaScript的函数及常用事件的使用 体验项目——时间显示器、文字循环滚动显示 你想在自己的网页上放一个比较符合中国人习惯的时间显示器吗？一个随时变化的时钟，显示效果如图所示： 默认函数 JavaScript提供了一些默认的函数 编码函数escape()：将非字母、数字字符转换成ASCII码 译码函数unescape()：将ASCII码转换成字母、数字字符 求值函数eval() 数值判断函数isNaN()：判断一个值是否为非数值类型 整数转换函数parseInt()：将不同进制（二、八、十六进制）的数值转换成十进制整数 浮点数转换函数parseFloat()：将数值字串转换成浮点数 eval()函数 isNaN()函数 数值判断函数isNaN()的格式：isNaN(量) 下例中isNaN函数将判断变量是否不是数值，并输出判断结果。 script var x=15; var y=黄雅玲; document.write(LIx不是数值吗？,isNaN(x)); document.write(LIy不是数值吗？,isNaN(y)); /script parseInt()函数 整数转换函数parseInt()的功能是将不同进制（二、八、十六）的数值转换成十进制整数。 格式：parseInt(数值字串[，底数]) 下面演示了将一个二进制数和一个十六进制数转换成十进制数。 script document.write(1101sub2/sub=,parseInt(1101,2),sub10/subbr); document.write(BFFFsub16/sub=,parseInt(BFFF,16),sub10/subbr); /script parseFloat()函数 parseFloat()是浮点数转换函数，它将数值字串转换成浮点数。 格式：parseFloat(数值字串) script document.write(parseInt(3.1234A56),br); document.write(parseFloat(3.1234A56),br); /script 自定义函数 函数是独立于主程序的、具有特定功能的一段程序代码块。 JavaScript函数定义 function 函数名（参数表，变元） { 函数体; return 表达式; } 说明： 当调用函数时，所用变量或字面量均可作为变元传递。 函数由关键字function定义。 函数名：定义自己函数的名字。 参数表，是传递给函数使用或操作的值，其值可以是常量、变量或其它表达式。 通过指定函数名（实参）来调用一个函数。 函数的返回值是可选项，如果需要返回值，就必须使用return语句将值返回。 函数名对大小写是敏感的。 约定： 函数名：易于识别（同变量命名规则）。 程序代码：模块化设计。 函数位置：按逻辑顺序，集中置顶。 函数中的形式参数 在函数的定义中，我们看到函数名后有参数表，这些参数变量可能是一个或几个。那么怎样才能确定参数变量的个数呢？在JavaScript中可通过arguments.length来检查参数的个数。 function function_Name(exp1,exp2,exp3,exp4) Number =function_Name.arguments.length; if(Number1) document.wrile(exp2); if(Number2) document.write(exp3); if(Number3) document.write(exp4); 函数的调用 格式：函数名([参数[，参数...]]) 下面的例子演示了没有返回值的函数的定义及调用。 script function showName(name) { document.write(我是+name); } showName(玲玲); //函数调用 /script 上例中的function showName(name)为函数定义，其中括号内的name是函数的形式参数，这一点与C语言是完全相同的，而showName(“玲玲”)则是对函数的调用，用于实现需要的功能。 下面的例子演