函数和事件专题知识讲座公开课一等奖优质课大赛微课获奖课件.pptVIP

第二章函数和事件第1页第1页

课程目的熟悉JavaScript默认函数,包括eval()函数、isNaN()函数、parseInt()函数、parseFloat()函数掌握JavaScript自定义函数结构、参数及调用熟悉定期器相关操作,包括setTimeout()、clearTimeout()、setInterval()、clearInterval()等函数使用理解JavaScript函数及惯用事件使用第2页第2页

体验项目——时间显示器、文字循环滚动显示 你想在自己网页上放一个比较符合中国人习惯时间显示器吗？一个随时改变时钟，显示效果如图所表示：我们能够用JavaScript实现文字循环滚动显示功效,显示效果以下图所表示第3页第3页

默认函数JavaScript提供了一些默认函数编码函数escape():将非字母、数字字符转换成ASCII码译码函数unescape():将ASCII码转换成字母、数字字符求值函数eval()数值判断函数isNaN():判断一个值是否为非数值类型整数转换函数parseInt():将不同进制（二、八、十六进制）数值转换成十进制整数浮点数转换函数parseFloat():将数值字串转换成浮点数本节只简介后四种函数第4页第4页

eval()函数求值函数eval()格式为:eval(表示式)下面例子将用eval函数得到一个文本框值,然后通过点击按钮弹出一个对话框将其输出。scriptfunctionshow(obj){ varstr=eval(document.Form.+obj+.value); alert(“你输入姓名是:”+str);}/scriptformname=Formid=Form姓名:inputname=nametype=text value=韦小宝inputname=buttontype=buttonvalue=提交onClick=show(name)/form提交第5页第5页

isNaN()函数 数值判断函数isNaN()格式：isNaN(量) 下例中isNaN函数将判断变量是否不是数值，并输出判断结果。script varx=15; vary=黄雅玲; document.write(LIx不是数值吗？,isNaN(x)); document.write(LIy不是数值吗？,isNaN(y));/script第6页第6页

parseInt()函数 整数转换函数parseInt()功效是将不同进制（二、八、十六）数值转换成十进制整数。 格式:parseInt(数值字串[，底数]) 下面演示了将一个二进制数和一个十六进制数转换成十进制数。script document.write(1101sub2/sub=,parseInt(1101,2),sub10/subbr); document.write(BFFFsub16/sub=,parseInt(BFFF,16),sub10/subbr);/script第7页第7页

parseFloat()函数 parseFloat()是浮点数转换函数，它将数值字串转换成浮点数。 格式:parseFloat(数值字串)script document.write(parseInt(3.1234A56),br); document.write(parseFloat(3.1234A56),br);/script第8页第8页

自定义函数函数是独立于主程序、含有特定功效一段程序代码块。JavaScript函数定义function函数名（参数表,变元）{ 函数体; return表示式;}第9页第9页

阐明:当调用函数时，所用变量或字面量均可作为变元传递。函数由关键字function定义。函数名:定义自己函数名字。参数表，是传递给函数使用或操作值，其值能够是常量、变量或其它表示式。通过指定函数名（实参）来调用一个函数。函数返回值是可选项，假如需要返回值，就必须使用return语句将值返回。函数名对大小写是敏感。商定:函数名:易于辨认（同变量命名规则）。程序代码:模块化设计。函数位置:按逻辑顺序，集中置顶。第10页第10页

函数中形式参数 在函数定义中，我们看到函数名后有参数表，这些参数变量也许是一个或几种。那么如何才干拟定参数变量个数呢？在JavaScript中可通过arguments.length来检查参数个数。functionfunction_Name(exp1,exp2,exp3,exp4)Number=function_Name.arguments.length;if(Number1) document.wrile(e