zoukankan      html  css  js  c++  java
  • 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的情况)

                         }

    //定义变量玩家
    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;
                    }
    switch
    //给按钮添加点击事件
    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("平");
         }
     } 
    }
    View Code
    //添加按钮点击事件
    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("男女都不选?没合适你的??")}
    } 
    View Code

                     

                   

  • 相关阅读:
    Oracle第三方ado.net数据提供程序
    HTML5实战 文摘 第二章 HTML5用于创建表单的输入小部件 数据绑定以及数据验证
    reactjs & antd & redux 使用心得
    HTML5实战 文摘 第一章 从文档到应用的转变
    css的高级选择器
    <!DOCTYPE html> 是什么,它的作用是什么
    Nginx调优
    java enum 枚举简单用法
    简谈java解析HTML(org.jsoup.nodes.Document)
    jquery EasyUI tree 加载远程数据 java实现
  • 原文地址:https://www.cnblogs.com/cp123/p/8597276.html
Copyright © 2011-2022 走看看