JS讲解跟遇到的问题
问题及注意事项:
1:注意符号,要用英文
2:注意js完整的格式和判断语句的if正确使用
3:用自动运算“eval” 时,DW会提示报错有危害,但是可以正常使用
4:运算符“+”号在函数运算时,会造成拼接,可以用parseFloat转换
5:注意判断if语句嵌套,思维不要乱
6:注意 " " (双引号)正确使用
Js知识点:
运算符:
算数运算符:+ - * / ++(自增) --(自减) %取余
自增和自减:
只和自己有关系的时候,在前在后没区别;
参与表达式的时候如果++在前,先运算完自己,然后在参与表达式
赋值运算符:= += -= *= /=
+= :a += 2 ==> a = a+2;
关系运算符: < > <= >= != == ===
= :赋值,右边量赋予左边
== :比较值
===:比较值和类型
逻辑运算符:
&&(与):判断语句里,当XX && yy,两个条件都满足时,才会执行操作
| | (或):当满足一边的条件时,就可以执行
! (非):!true=false
三元运算符: 表达式 ? 真干这个 假干这个
JS判断语句格式和常用代码
if判断语句格式
if(第一个小括号输入判断条件){中括号里面输入当条件满足时,执行的语句}
else{当不满足条件时,应该怎么做}
常用代码
eval 自动运算,但DW会提示有危害
Math.random()*3 设置随机数为0-2 (注意,随机数取值是从0开始)
alert 告警弹窗
prompt 输入弹窗
switch
switch(变量名){
(变量取到case的情况)
}
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
//定义变量玩家 var user = prompt("0-剪刀,1-石头,2-布"), //定义变量电脑的随机数 pc = parseInt(Math.random()*3); switch(user){ //玩家出0剪刀时 case "0": switch(pc){ //电脑出0剪刀 case 0: alert("电脑出"+pc+"平局"); break; //电脑出1石头 case 1: alert("电脑出"+pc+"你输了"); break; //电脑出2布 case 2: alert("电脑出"+pc+"你赢了"); } break; //玩家出1石头时 case "1": switch(pc){ //电脑出0剪刀 case 0: alert("电脑出"+pc+"你赢了"); break; //电脑出1石头 case 1: alert("电脑出"+pc+"平局"); break; //电脑出2布 case 2: alert("电脑出"+pc+"你输了"); break; } break; //玩家出2布时 case "2": switch(pc){ //电脑出0剪刀 case 0: alert("电脑出"+pc+"你输了"); break; //电脑出1石头 case 1: alert("电脑出"+pc+"你赢了"); break; //电脑出2布 case 2: alert("电脑出"+pc+"平局"); break; } break; //玩家输入不是0 1 2的数。 default: alert("你输错了!"); break; }
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
//给按钮添加点击事件 function yx(){ var a1 =parseInt(prompt("0-剪刀,1-石头,2-布")); //给pc 整数并设置随机数 *3是取数取到3 var pc = parseInt(Math.random()*3); //给a1设置判断 当a1等于0 1 2 pc等于0 1 2 时,设置不同判断 if (a1 ===0 ){ if(pc ===0){ alert("平"); } else if( pc===1){ alert("输"); } else if(pc ===2){ alert("赢"); } } else if (a1 ===1 ){ if(pc ===0){ alert("赢"); } else if( pc===1){ alert("平"); } else if(pc ===2){ alert("输"); } }else if (a1 ===2 ){ if(pc ===0){ alert("输"); } else if( pc===1){ alert("赢"); } else if(pc ===2){ alert("平"); } } }
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
//添加按钮点击事件 function tj (){ // 设置变量 var xb = prompt("请输入性别"), sg = prompt("请输入身高"), tz = prompt("请输入体重"), bz1, bz2; // 当变量是男时,执行的运算公式 if ( xb === "男"){ bz1 = eval(tz - sg +100); if (bz1<=3 && bz1>=-3){ alert("标准"); }else if( bz1>3){ alert("偏胖"); }else { alert("偏瘦"); } // 当变量是女时,执行的运算公式 } else if(xb === "女"){ bz2= eval(tz - sg +110); if( bz2<=3 && bz2>=-3){ alert("标准"); } else if(bz2>3){ alert("偏胖"); } else{alert("偏瘦");} // 当变量没输入时,提示的弹窗 } else{alert("男女都不选?没合适你的??")} }