01 JavaScript基本语法

JavaScriptJavaScript基本语法本章目标什么是JavaScript如何将JavaScript嵌入到HTML中理解变量、数据类型和运算符分支结构数组循环结构JavaScript是一种脚本语言提供用户交互动态更改内容数据验证嵌入网页可以将JavaScript语句插入HTML文档，方式如下：使用script标签将语句嵌入文档将JavaScript源文件链接到HTML文档中=JavaScript//JavaScriptAppearshere.alert(这是第一个JavaScript例子!);alert(欢迎你进入JavaScript世界!);alert(今后我们将共同学习JavaScript知识！);/script/Head/Html脚本代码设置语言script标签文件外部JavaScript文件可以链接到HTML文档中script标签的src（源文件）属性可用于链接外部js文件scriptlanguage=JavaScriptsrc=文件名.js/script使用外部文件/TITLESCRIPTSRC=test.js/SCRIPT/HEADBODYP以上文本是通过访问外部JavaScript文件显示的/BODY/HTMLdocument.write(喂！你好吗?);JavaScript代码(test.htm)JavaScript代码(test.js)变量变量名必须以字母或下划线（_）开头变量可以包含数字、从A至Z的大小写字母JavaScript区分大小写，即变量myVar、myVAR和myvar是不同的变量回顾：变量的主要作用是存取数据、提供存放信息的容器。对于变量必须明确变量的命名、变量的类型、变量的声明及其变量的作用域。=10;vara=10;a=10;声明变量声明多个变量赋值同时声明和初始化变量var－用于声明变量的关键字a－变量名使用变量/TITLESCRIPTLANGUAGE=Javascriptvarx;x=prompt(淘宝网竟拍，请出一口价,1);//+用来连接多个字符串document.write(拍卖价格+x+BR);document.write(恭喜您，您以最高价拍卖成功！);alert(欢迎下次光临！);/SCRIPT/HEAD/HTML定义变量变量赋值、函数2和函数3访问变量a、b和c只能在其各自的函数中被访问变量的作用域函数function1局部变量a函数function2局部变量b脚本函数function3局部变量c全局变量gg全局变量不需要以var关键字进行声明，但局部变量则必须以此关键字来声明。Script区域浮点型－浮点型字面量至少必须含有一个数字。此数字可包含小数点或采用科学记数法表示的数字。科学记数法中的整数可以是正整数(+)或负整数(-)，指数(e)表示十次幂。例如10.24、1.20e+22、4E-8、.1815等。常量整型浮点型字符串型和C语言一样，js也有转义字符，常用的就是：\n常量字符说明示例\b退格符alert(这是第一句\b这是第二句)\f换页符alert(这是第一句\f这是第二句)\n换行符alert(这是第一句\n这是第二句)\r回车符alert(这是第一句\r这是第二句)\t制表符alert(这是第一句\t这是第二句)逻辑型或布尔型执行逻辑运算true或false字符串型一组字符Hello空特殊关键字，表示不存在的值。null=JavaScriptvarx=100;vary;varz;document.write(H2竞拍SONY数码相机600万像素+x+$起价/H2);y=prompt(加多少银子？,1);z=x+y;alert(您最终的出价\n+z+$);//\n用于换行显示/SCRIPT/HEADbody/body/HTMLPrompt函数返回输入的字符串+号的用法-1+字符串相连：100+200整数和字符串的连接操作=JavaScriptvarx=100;vary;varz;document.write(H2竞拍SONY数码相机600万像素+x+$起价/H2);y=prompt(加多少银子？,1);z=x+parseFloat(y);alert(您最终的出价\n+z+$);//\n用于换行显示/SCRIPT/HEADbody/body/HTMLparseFloat()函数将字符串转换为float数据parseInt()函数将字符串转换为int数据如果转换失败，返回NaN值(notanumber)+号的用法-2整数间的算数运算运算符运算符对一个或多个变量或值（操作数）进行运算，并返回一个新值根据所执行的运算，运算符可分为以下类别：算术运算符比较运算符逻辑运算符算术运算符运算符说明示例备注+加a=5+8-减a=8-5/除a=20/5*乘a=5*19%取模－两个数相除的余数10%3=1++一元自加。该运算符带一个操作数，将操作数的值加1。返回的值取决于++运算符位于操作数的前面或是后面++x，x++++x将返回x自加运算后的值。x++将返回x自加运算前的值--一元自减。该运算符只带一个操作数。返回的值取决于--运算符位于操作数的前面或是后面--x，x----x将返回x自减运算后的值。x--将返回x自减运算前的值实现步骤：1.编写html页面代码2.指定各个文本框的名称3.编写脚本代码4.浏览并调试=JavaScriptfunctioncalcu(){varnumb1=document.calc.num1.value;varnumb2=document.calc.num2.value;vartotal=parseFloat(numb1)*parseFloat(numb2);document.calc.result.value=total;}/SCRIPT/HEAD计算总价并显示…INPUTname=getAnswerTYPE=buttononClick=calcu()value=计算看看添加单击事件，单击按钮时调用calcu()函数算术运算符获取表单中输入的数据：document.表单名.表单元素名.value定义calcu()计算函数,实现两个数相乘的功能.定义函数的语法：function函数名(参数列表){//JavaScript语句；}比较运算符运算符说明示例==等于。如果两个操作数相等，则返回真。a==b!=不等于。如果两个操作数不相等，则返回真。Var2!=5大于。如果左边的操作数大于右边的操作数，则返回真。Var1var2小于。如果左边的操作数小于右边的操作数，则返回真。Var2var1=小于等于。如果左边的操作数小于或等于右边的操作数，则返回真。Var2=4Var2=var1=大于等于。如果左边的操作数大于或等于右边的操作数，则返回真。Var1=5Var1=var2=JavaScriptfunctioncalcu(){varnumb1=document.calc.num1.value;varnumb2=document.calc.num2.value;vartotal=parseFloat(numb1)*parseFloat(numb2);document.calc.result.value=total;if(total500){alert(购买总价超过500\n支付时将赠送超级Q币2枚！);}}/SCRIPT/HEAD….其他代码略，同上例比较运算符条件成立时执行逻辑运算符逻辑运算符运算符值说明与(&&)expr1&&expr2只有当expr1和expr2同为真时，才返回真(true)。否则，返回假(false)。或(||)expr1||expr2如果其中一个表达式为真，或两个表达式同为真，则返回真(true)。否则，返回假(false)。非(!)!expr如果表达式为真，则返回假(false)。如果为假，则返回真(true)。=JavaScriptfunctioncalcu(){varnumb1=document.calc.num1.value;varnumb2=document.calc.num2.value;vartotal=parseFloat(numb1)*parseFloat(numb2);document.calc.result.value=total;if((total500)&&(total=1000)){alert(购买总价超过500\n支付时将赠送超级Q币2枚！);}if((total1000)&&(total=2000)){alert(购买总价超过1000\n支付时将赠送IBM光电智能鼠标1只！);}if((total2000)){alert(购买总价超过2000\n请直接与贵宾台联系！);}}/SCRIPT/HEAD….其他代码略，同上例逻辑运算符500－1000之间，赠送超级Q币两枚；1000－2000之间，赠送IBM智能鼠标一只；2000以上，直接与贵宾台联系。`条件语句用于测试条件。if(条件){JavaScript代码;}语法：if语句2-1如果要执行多个语句，必须将这些语句放在一对大括号({})内。但如果只要执行一个语句，则可以省略大括号=JavaScriptfunctioncalcu(){varnumb1=document.calc.num1.value;varnumb2=document.calc.num2.value;if((numb1!=)&&(numb2!=)){vartotal=parseFloat(numb1)*parseFloat(numb2);document.calc.result.value=total;if((total500)&&(total=1000)){alert(购买总价超过500\n支付时将赠送超级Q币2枚！);}if((total1000)&&(total=2000)){alert(购买总价超过1000\n支付时将赠送IBM光电智能鼠标1只！);}if((total2000)){alert(购买总价