版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领
文档简介
JavaScript语法基础
JavaScript语法基础JavaScript语法基础JavaScript是一种脚本语言提供用户交互动态更改内容数据验证
2JavaScript语法基础JavaScript是一种脚JavaScript语法基础可以将JavaScript语句插入HTML文档，方式如下：使用<SCRIPT>标签将语句嵌入文档将JavaScript源文件链接到HTML文档中3JavaScript语法基础可以将JavaScriptJavaScript语法基础JavaScript代码<HTML><HEAD><SCRIPTlanguage="JavaScript">document.write("欢迎来到JavaScript世界");</SCRIPT></HEAD><BODY><P>尽情享受学习的快乐!!!</BODY></HTML>脚本代码设置语言4JavaScript语法基础JavaScript代码<HJavaScript语法基础外部JavaScript文件可以链接到HTML文档中SCRIPT标签的SRC（源文件）属性可用于包括此外部文件<scriptlanguage=“JavaScript”
src=“文件名.js"></script>5JavaScript语法基础外部JavaScript文JavaScript语法基础JavaScript代码(test.htm)<HTML><HEAD><TITLE>使用外部文件</TITLE><SCRIPTSRC="test.js"></SCRIPT></HEAD><BODY><P>以上文本是通过访问外部JavaScript文件显示的</BODY></HTML>document.write("喂！你好吗?")JavaScript代码(test.js)6JavaScript语法基础JavaScript代码(JavaScript语法基础变量名必须以字母或下划线（"_"）开头变量可以包含数字、从A至Z的大小写字母JavaScript区分大小写，即变量myVar、myVAR
和myvar
是不同的变量7JavaScript语法基础变量名必须以字母或下划线（"_JavaScript语法基础vara;
“var”－用于声明变量的关键字“a”－变量名同时声明和初始化变量vara=10;a=10;声明变量声明多个变量varx,y,z=10;赋值8JavaScript语法基础vara;同时JavaScript语法基础<HTML><HEAD><TITLE>使用变量</TITLE><SCRIPTLANGUAGE="Javascript">varx;x=prompt("淘宝网竟拍，请出一口价",1);document.write("拍卖价格"+x+"<BR>")//"+"用来连接多个字符串document.write("恭喜您，您以最高价拍卖成功！");alert("欢迎下次光临！");</SCRIPT></HEAD></HTML>定义变量赋值输出prompt(“提示信息”,”默认值”)将弹出提示对话框，接受用户的输入。点击确定返回输入的字符串，点击取消反馈空字符串。9JavaScript语法基础<HTML>定义变量赋值输变量a、b和c只能在其各自的函数中被访问JavaScript语法基础脚本函数function1局部变量a函数function2局部变量b函数function3局部变量c可由函数1、函数2和函数3访问全局变量gg全局变量不需要以var关键字进行声明，但局部变量则必须以此关键字来声明10变量a、b和c只能JavaScript语法基础脚本JavaScript语法基础整型浮点型字符串型字符说明示例\b退格符alert(“这是第一句\b这是第二句”)\f换页符alert(“这是第一局\f这是第二句”)\n换行符alert(“这是第一局\n这是第二句”)\r回车符alert(“这是第一局\r这是第二句”)\t制表符alert(“这是第一局\t这是第二句”)和C语言一样，js也有转义字符，常用的就是：
“\n”11JavaScript语法基础整型字符说明示例\b退格JavaScript语法基础数据类型说明示例数字型整数或实数487,25.95逻辑型或布尔型执行逻辑运算tru或false字符串型一组字符“Hello”空特殊关键字，表示不存在的值。
null12JavaScript语法基础数据类型说明示例数字型整数<HTML><HEAD><SCRIPTLANGUAGE="JavaScript">varx=100;vary;varz;document.write("<H2>竞拍SONY数码相机600万像素"+x+"$起价</H2>");y=prompt("加多少银子？","1");z=x+y;alert("您最终的出价\n"+z+"$");//”\n”用于换行显示</SCRIPT></HEAD><body></body></HTML>Prompt函数返回输入的字符串JavaScript语法基础10020
?bug+字符串相连：100+”200”20013<HTML>Prompt函数返回输入的字符串JavaScri<HTML><HEAD><SCRIPTLANGUAGE="JavaScript">varx=100;vary;varz;document.write("<H2>竞拍SONY数码相机600万像素"+x+"$起价</H2>");y=prompt("加多少银子？","1");z=x+parseFloat(y);alert("您最终的出价\n"+z+"$");//”\n”用于换行显示</SCRIPT></HEAD><body></body></HTML>parseFloat()函数将字符串转换为float数据
parseInt()函数将字符串转换为int数据如果转换失败，返回NaN值(notanumber)JavaScript语法基础14<HTML>parseFloat()函数将字符串转换为fJavaScript语法基础根据所执行的运算，运算符可分为以下类别：算术运算符比较运算符逻辑运算符15JavaScript语法基础根据所执行的运算，运算符可分为<HEAD><SCRIPTlanguage="JavaScript">functioncalcu(){varnumb1=document.calc.num1.value;varnumb2=document.calc.num2.value;vartotal=parseFloat(numb1)*parseFloat(numb2);document.calc.result.value=total;}</SCRIPT></HEAD>计算总价并显示…<INPUTname="getAnswer"TYPE="button"onClick="calcu()"value="计算看看">添加单击事件，单击按钮时调用“calcu()”函数JavaScript语法基础获取表单中输入的数据：document.表单名.表单元素名.value定义calcu()计算函数,实现两个数相乘的功能.定义函数的语法：
function函数名(参数列表){//JavaScript语句；
}16<HEAD>计算总价并显示…添加单击事件，单击按钮时调用“cJavaScript语法基础比较运算符2-1运算符说明示例==等于。如果两个操作数相等，则返回真。a==b!=不等于。如果两个操作数不相等，则返回真。Var2!=5>大于。如果左边的操作数大于右边的操作数，则返回真。Var1>var2<小于。如果左边的操作数小于右边的操作数，则返回真。Var2<var1<=小于等于。如果左边的操作数小于或等于右边的操作数，则返回真。Var2<=4Var2<=var1>=大于等于。如果左边的操作数大于或等于右边的操作数，则返回真。Var1>=5Var1>=var217JavaScript语法基础比较运算符2-1运算符说<HTML><HEAD><SCRIPTLANGUAGE="JavaScript">functioncalcu(){varnumb1=document.calc.num1.value;varnumb2=document.calc.num2.value;vartotal=parseFloat(numb1)*parseFloat(numb2);document.calc.result.value=total;if(total>500)alert("购买总价超过500\n支付时将赠送超级Q币2枚！");}</SCRIPT></HEAD>….其他代码略，同上例JavaScript语法基础购买总价超过500，赠送超级Q币2枚！18<HTML>JavaScript语法基础购买总价超过500JavaScript语法基础逻辑运算符运算符值说明与(&&)expr1&&expr2只有当expr1和expr2
同为真时，才返回真。否则，返回假。或(||)expr1||expr2如果其中一个表达式为真，或两个表达式同为真，则返回真。否则，返回假。非(!)!expr如果表达式为真，则返回假。如果为假，则返回真。19JavaScript语法基础逻辑运算符运算符值说明与(if(条件1){if(条件2){//JavaScript代码;}}语法：JavaScript语法基础20if(条件1)语法：JavaScript语法基础20<SCRIPTLANGUAGE="JavaScript">functioncalcu(){varnumb1=document.calc.num1.value;varnumb2=document.calc.num2.value;if((numb1!="")&&(numb2!="")){
if(parseFloat(numb1)<0){alert("竞拍价格不能小于零！\n请重填");return;//函数返回，不再执行后面的代码
}
if(parseFloat(numb2)<0){alert("购买数量不能小于零！\n请重填");return;}vartotal=parseFloat(numb1)*parseFloat(numb2);document.calc.result.value=total;…..JavaScript语法基础购买数量无意中输入负数，出现bug怎么办?21<SCRIPTLANGUAGE="JavaScriptJavaScript语法基础switch(表达式){ case常量1: JavaScript语句; break; case常量2: JavaScript语句; break; ... default:JavaScript语句;}语法：22JavaScript语法基础switch(表达式)语法：JavaScript语法基础.....varf=document.calc.pay.value;//支付方式代号
vargrade;//折扣率
vartotal=parseFloat(numb1)*parseFloat(numb2);switch(parseInt(f)){case1: grade=0.6;//打6折优惠
break; case2: …….同理其他方式打7折、八折
case4: grade=0.9;//打9折优惠
break; default: alert("请重新选择支付方式！"); return;}varmoney=total*grade;//根据折扣率，计算实际总价
document.calc.result.value=money;alert("您享受了"+grade*10+"折优惠！");…..银行转帐－打6折电话支付－打7折邮政汇款－打8折Q币支付－打9折下拉列表框pay的选项和值23JavaScript语法基础.....银行转帐－打6折JavaScript语法基础声明数组
var
数组名=newArray(数组大小);例：var
emp=newArray(3)添加元素
emp[0]=“AA";emp[1]=“BB";emp[2]=“CC";AABBCCemp
也可以声明数组并赋初值：例：varemp=newArray(“AA”，“BB”，“CC”)；24JavaScript语法基础声明数组AABBCCemp<HTML><HEAD><TITLE>使用数组</TITLE><SCRIPTLANGUAGE="JavaScript">varemp=newArray(3);emp[0]="RyanDias";emp[1]="GrahamBrowne";emp[2]="DavidGreene";document.write("数组emp中的数据为:<HR>");document.write(emp[0]+"<BR>");document.write(emp[1]+"<BR>");document.write(emp[2]+"<BR>");</SCRIPT></HEAD></HTML>JavaScript语法基础25<HTML>JavaScript语法基础25JavaScript语法基础常用属性
length
：返回数组中元素的个数常用方法方法说明join将数组中的元素组合成字符串reverse颠倒数组元素的顺序，使第一个元素成为最后一个，而最后一个元素成为第一个sort对数组元素进行排序26JavaScript语法基础常用属性方法说明join将<HTML><HEAD><SCRIPTLANGUAGE="JavaScript">varemp=newArray(3);emp[0]="RyanDias";emp[1]="GrahamBrowne";emp[2]="DavidGreene";emp.sort();document.write(“排序结果是：<HR>");document.write(emp[0]+"<BR>");document.write(emp[1]+"<BR>");document.write(emp[2]+"<BR>");</SCRIPT></HEAD></HTML>JavaScript语法基础27<HTML>JavaScript语法基础27JavaScript语法基础for循环do-whilewhile
28JavaScript语法基础for循环28JavaScript语法基础内置函数eval
函数：用于计算字符串表达式的值
isNaN函数：用于验证参数是否为NaN（非数字）JavaScript代码<SCRIPTLANGUAGE="JavaScript">varstr1=prompt(“输入一个表达式，我给您计算","1+1");varresult=eval(str1);document.write(str1+"="+result);varx=prompt("输入一些数据","0");if(isNaN(x))alert(x+"不是一个数字");elsealert(x+"是一个数字");</SCRIPT>29JavaScript语法基础内置函数JavaScripJavaScript语法基础定义函数：function
函数名(参数1,参数2，…){
语句;}调用函数：
函数调用一般和表单元素的事件一起使用
温馨提示
- 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
评论
0/150
提交评论