JavaScript基本结构.ppt

单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,什么是,JavaScript,脚本的基本结构,var count=0;,document.write(,淘宝网欢迎您！,);,for(i,=0;i,、,=,、,、,=,逻辑运算符,&,、,|,、！,逻辑控制语句,if,条件语句,switch,多分支语句,for,、,while,循环语句,if(,条件,),/JavaScript,代码,;,else,/JavaScript,代码,;,switch,(,表达式,),case,常量,1,:,JavaScript,语句,1,;,break;,case,常量,2,:,JavaScript,语句,2,;,break;,.,default:,JavaScript,语句,3,;,for(,初始化,;,条件,;,增量,),语句集,;,while(,条件,),语句集,;,注释,单行注释以,/,开始，以行末结束,例如：,/,表示,JavaScript,代码的开始,多行注释以,/*,开始，以*,/,结束，符号,/*/,指示中间的语句是该程序中的注释例如：,/*,helloWorld.html,2007-9-29,第一个,JavaScript,程序,*,/,类型转换,parseInt(String),将字符串转换为整型数字,如,:parseInt(“86”),将字符串,“,86”,转换为整型值,86,p,arseFloat,(String),将字符串转换为浮点型数字,如,:parseInt(“34.45”),将字符串,“,34.45”,转换为浮点值,34.45,什么是函数,函数的含义：类似于,Java,中的方法，是执行特定任务的语句块。

如何希望点击某个按钮后才显示“,HelloWorld”,，,并能输入显示的次数，怎么办？,演示示例,3,：,调用函数输出“,HelloWorld”,什么是函数,1,、在页面中放置一个文本框和一个按钮，让用户输入次数后点击按钮才显示,2,、把循环显示的代码放置到函数中，当点击按钮时，才调用函数显示,HelloWorld,经过分析，该如何解决上面问题？,使用自定义函数,如何使用函数,创建函数,function,函数名,(,参数,1,参数,2,，,),语句,;,调用函数,函数调用一般和表单元素的事件一起使用，调用格式为：,事件名“函数名”,;,function,showHello,(),var count=,document.myForm.txtCount.value,;,for(i,=0;icount;i+),document.write(HelloWorld);,表示单击此按钮时，调用函数,showHello,(),执行,小结,1,编写如左图所示，具有能对两个操作数进行加、减、乘、除运算的简易计算器名为,myform,的表单,名为,divButton2,的普通按钮,名为,txtNum1,的文本框,练习答案,练习代码,提示：加、减、乘、除四个按钮分别调用四,个函数实现两个数相加、相减、相乘和相除,如何使用函数,在小结,1,中，,4,个按钮调用的函数的代码很类似，怎么优化代码？,查看小结,1,练习答案代码,比较,4,个函数，只有运算符号不一样，将运算,符号作为函数的参数即可。

怎么用一个函数来,代替,4,个结构相似的函数？,使用有参函数,定义有参函数,JavaScript,代码,function,compute(op,),var num1,num2;,num1=parseFloat(document.myform.txtNum1.value);,num2=parseFloat(document.myform.txtNum2.value);,if(op=+),document.myform.txtResult.value,=num1+num2 ;,if(op=-),document.myform.txtResult.value,=num1-num2 ;,if(op=*),document.myform.txtResult.value,=num1*num2 ;,if(op=/&num2!=0),document.myform.txtResult.value,=num1/num2 ;,定义有参函数,compute(),，完成计算功能，,op,参数代表运算符号调用有参函数,JavaScript,代码,调用有参函数,查看完整代码,常见错误,1,function,compute(op,),x=5;,var num1,num2;,num1=parseFloat(document.myform.txtNum1.value);,num2=parseFloat(document.myform.txtNum2.value);,if(op=+),document.myform.txtResult.value,=num1+num2 ;,if(op=-),document.myform.txtResult.value,=num1-num2 ;,变量可以不声明而直接赋值。

如,x=5;,不推荐使用，容易出错常见错误,2,function,compute(op,),var Num1,num2;,num1=parseFloat(document.myform.txtNum1.value);,num2=parseFloat(document.myform.txtNum2.value);,if(op=+),document.myform.txtResult.value,=num1+num2 ;,if(op=-),document.myform.txtResult.value,=num1-num2 ;,JavaScript大小写非常敏感,常见错误,3,function,compute(op,),var num1,num2;,num1=document.myform.txtNum1.value;,num2=document.myform.txtNum2.value;,if(op=+),document.myform.txtResult.value,=num1+num2 ;,if(op=-),document.myform.txtResult.value,=num1-num2 ;,需要使用parseFloat方法进行,转换，否则认为是字符串,。