JavaScript基本结构.ppt

《JavaScript基本结构.ppt》由会员分享，可在线阅读，更多相关《JavaScript基本结构.ppt（18页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、什么是JavaScript脚本的基本结构脚本的基本结构 var count=0;document.write(淘宝网欢迎您！淘宝网欢迎您！);for(i=0;i5;i+)document.write(淘宝网欢迎您！淘宝网欢迎您！);BODY部分的内容部分的内容如何使用如何使用JavaScript实现此部分内容？实现此部分内容？什么是JavaScript脚本的执行原理应用应用服务器服务器IEIE解析解析HTML标签和标签和JavaScript脚本脚本从服务器端下载含从服务器端下载含JavaScript的页面的页面返回响应返回响应客户端请求含客户端请求含JS的页面的页面发送请求发送请求1用户输入用

2、户输入23JavaScript的基本语法类型转换类型转换注释注释控制语句控制语句运算符号运算符号变量变量基本语法基本语法 变量的声明和赋值 var count;count=5;定义变量定义变量赋值赋值“var”用于声明变量的关键字“count”变量名var x,y,z=10;var count=10;同时声明和赋值变量同时声明和赋值变量声明多个变量声明多个变量运算符号运算符对一个或多个变量或值（操作数）进行运算，并返回一个新值根据所执行的运算，运算符可分为以下类别：算术运算符 +、-、*、/、%、+、-、-(求反)比较运算符=、!=、=、=逻辑运算符&、|、！逻辑控制语句if条件语句switc

3、h多分支语句for、while循环语句if(条件条件)/JavaScript代码代码;else /JavaScript代码代码;switch(表达式表达式)case 常量常量1:JavaScript语句语句1;break;case 常量常量2:JavaScript语句语句2;break;.default:JavaScript语句语句3;for(初始化初始化;条件条件;增量增量)语句集语句集;while(条件条件)语句集语句集;注释单行注释以单行注释以/开始，以行末结束开始，以行末结束例如：例如：/表示表示JavaScript代码的开始代码的开始多行注释以多行注释以/*开始，以开始，以*/结束，

4、符号结束，符号/*/指示中间的语句是该程指示中间的语句是该程序中的注释。序中的注释。例如：例如：/*helloWorld.html 2007-9-29 第一个第一个JavaScript程序程序*/类型转换parseInt(String)将字符串转换为整型数字 如:parseInt(“86”)将字符串“86”转换为整型值86parseFloat(String)将字符串转换为浮点型数字 如:parseInt(“34.45”)将字符串“34.45”转换为浮点值34.45什么是函数函数的含义：类似于Java中的方法，是执行特定任务的语句块。如何希望点击某个按钮后才显示如何希望点击某个按钮后才显示“He

5、lloWorld”，并能输入显示的次数，怎么办？并能输入显示的次数，怎么办？演示示例演示示例3：调用函数输出调用函数输出“HelloWorld”什么是函数1、在页面中放置一个文本框和一个按钮，让用户输入次数后点击按钮才显示2、把循环显示的代码放置到函数中，当点击按钮时，才调用函数显示HelloWorld经过分析，该如何解决上面问题？使用自定义函数使用自定义函数 如何使用函数创建函数 function 函数名(参数1,参数2，)语句;调用函数 函数调用一般和表单元素的事件一起使用，调用格式为：事件名“函数名”;function showHello()var count=document.myFo

6、rm.txtCount.value;for(i=0;icount;i+)document.write(HelloWorld);表示单击此按钮时，调用函数表示单击此按钮时，调用函数showHello()执行执行小结1编写如左图所示，具有能对两个操作数进行加、减、乘、除运算的简易计算器。名为名为myform的表单的表单名为名为divButton2的普通按钮的普通按钮名为名为txtNum1的的文本框文本框练习答案练习答案练习代码练习代码提示：加、减、乘、除四个按钮分别调用四提示：加、减、乘、除四个按钮分别调用四个函数实现两个数相加、相减、相乘和相除个函数实现两个数相加、相减、相乘和相除如何使用函数在

7、小结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=

8、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)

9、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 Nu

10、m1,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方法进行方法进行转换，否则认为是字符串转换，否则认为是字符串