《网页设计与制作（HTML+CSS+JavaScript）》课件_CORE-09.ppt

第九章JavaScript的函数目标理解函数的概念。掌握自定义函数的写法掌握系统函数的应用概述、专业术语本章主要介绍函数的概念、写法，以及JavaScript内置函数的使用。通过这些向大家讲解JavaScript的基本编程技术——函数术语词汇表定义在此章节中使用的术语函数的概念函数概念的引入y=f(x)x加仑=?公升函数的概念函数的分类有(无)返回值有(无)参数自定义、内置自定义函数函数的声明function函数名(变量或参数列){ 函数体; //一些语句、运算过程 返回值; //可选，一个值或表达式}自定义函数函数的示例——不带参数的函数及其调用htmlheadtitle不带参数的JavaScript函数及其调用/title styletype=text/css div{border:1pxsolidblue;cursor:hand;width:100px;text-align:center;} /style scripttype=text/JavaScript functionclickme() {alert(哈哈！谢谢你刚才点了我啊！);} /script/headbody divonClick=clickme()点击我吧/div/body/html自定义函数函数示例——带一个参数的函数及其调用htmlheadtitle带一个参数的JavaScript函数及其调用/titlestyletype=text/css div{border:1pxsolidblue;cursor:hand;width:100px;text-align:center}/stylescripttype=text/JavaScript functionclickme(txt) { alert(txt); }/script/headbody divonClick=clickme(Thankyouforclickingme.)点击我吧/div/body/html自定义函数函数示例——带有返回值的函数及其调用head……scripttype=text/javascript functionmySite() {return()}/script/headbodyscripttype=text/javascript document.write(mySite())/script/body自定义函数函数示例——既有参数又有返回值的函数head……scripttype=text/javascript functiongetSum(a,b) {return(a+b) }/script/headbodyscripttype=text/javascript document.write(getSum(6,1))/script/bodyJavaScript的内置函数alert、confirm、prompt——alertJavaScript的内置函数alert、confirm、prompt——confirmJavaScript的内置函数alert、confirm、prompt——promptJavaScript的内置函数isNaN——不是一个数字htmlheadtitle不是一个数字/titlescripttype=text/javascriptfunctiongetDiv(a,b){returna/b;}/script/headbody scriptlanguage=javascript document.write(c/3=,getDiv(c,3),br/br/); document.write(a/b=,getDiv(a,b),br/br/); document.write(NaNmeansNotaNumber!);/script/body/htmleval——运行以字符串形式表示的代码串scriptlanguage=javascript f