zoukankan      html  css  js  c++  java
  • javascript(脚本语言)

    javascript(脚本语言)
    一、注释语法:
    1.单行注释 //注释内容
    2.多行注释 /*注释内容*/
    二、输出语法
    js语言格式,尽量靠下写,属双标签<script type=”text/javascript”>中间需要写的内容</script>
    ⦁ alert(“……”),显示信息对话框,括号里是要弹出的信息,例如,alert(“hello”),输出hello。
    ⦁ confirm(“……”),交互对话框,用户可以点击确定或者取消,括号里是要弹出的信息。经常用在需要用户确定的地方。
    ⦁ prompt(“……”),输入对话框,可以让用户输入的对话框,括号内是要输出的内容。

    ⦁ 所有的字符全部是英文半角的,大部分情况下每条语句结束之后要加分号。
    ⦁ 换行,每一条语句结束之后要换行,使页面代码看起来清晰清楚。
    三、数据类型:强类型语言和弱类型语言
    1、强类型语言:存储时分数据类型,比如强类型语言在存储数字、字符串、小数时存储的方式是不一样的。数据存储的时候需要存在相应的数据类型变量中。
    2、弱类型语言:存储时不分数据类型,无论数字、字符串、小数存储时存储的方式是一样的。数据存储的时候不区分类型(类型自动转换)。
    3、数据在程序中存储的名称叫作变量,在程序中的存储地方有两种:堆和栈,堆非常大,栈非常大。
    4、数据类型
    1)强类型
    ①int 整型(整数)
    ②float 单精度小数
    ③decimal 双精度小数
    ④money 货币
    ⑤char 字符
    ⑥string 字符串
    ⑦bool 布尔型,只有两种类型true(真)和false(假)
    ⑧datetime 日期时间类型

    2)弱类型(不区分类型)
    变量定义:①如果定义小数或者整数的变量,等号后面的直接写,等号是直接赋值的作用.
    ②如果定义字符串变量,等号后面的值需要加双引号或者单引号。(C#里单引号’’代表字符,双引号””代表字符串;在javascript和PHP里边单引号和双引号都可以代表字符和字符串)
    ③定义bool型时,因为bool型只有两种,可以直接写
    var a = 5;
    var b= 10.5;
    var s=” hello”;
    var sex = true;
    5、类型转换(一般不常用)
    parseInt(b); //小数转为整数
    parseFloat(a); //整数转为小数
    6、运算符表达式
    1)数学运算符:+ - * / % ,除号在强类型语言里只取整数,百分号是取余的
    2)逻辑运算符:&& // 并
    || // 或
    ! // 非
    3)字符串的拼接:+
    4)比较运算符:
    ①==// 等于

    = //单等号是赋值,== //判断两个值是否相等,例


    三元运算符还可以用来判断性别


    ②!= //不等于(有些语言里写为“<>”)
    ③> //大于
    ④< //小于
    ⑤>= //大于等于
    ⑥<= //小于等于

    ⑦三元运算符a=b?true:false;

    四、语句
    1、顺序语句,从上往下一次执行,结束要加分号,例var a = 10;
    2、分支语句,让程序根据条件的不同执行不同代码;

    ①if.....

    <scriput>
    var a = 5;
    var b = 10;
    
    if(a==b)
    {
        //条件成立执行,不成立不执行
      alert(a等于b); }
    </scriput>

    ②if.....else.....

    <scriput>
    var a = 5;
    var b = 10;
    
    if(a==b)
    {
        //条件成立执行
      alert(a等于b);
    }
    else
    {
      //条件不成立执行
      alert(a不等于b);
    }
    </scriput>

    ③if.....else if.....else.....

    <scriput>
    var a = 5;
    var b = 10;
    
    if(a==b && a>6)
    {
        //两个条件都成立执行
      alert("11111");
    }
    else if(a>6)
    {
      //只满足a>6条件执行
      alert("22222");
    }
    else
    {
      //两个条件都不满足执行
      alert("33333");
    }
    </scriput>

     ④if(){if.....else.....}

    <scriput>
    var a = 5;
    var b = 10;
    
    if(a>2)
    {
        if(a==b)
    {
      //如果a>2并且a等于b执行
      alert("11111");
    }
    else
    {
      //如果a大于2,但是a不等于b执行,或者a小于2,a不等于b执行
      alert("22222");
    }
    </scriput>


    示例获取用户年龄信息

    《scriput>
    var
    a = prompt("");

    if(a>=18 && a<=50)
    {
      alert("可以使用");
    }
    else if(a<18)
    {
      alert("未成年人禁止访问");
    }
    else if(a>50)
    {
      alert("您的年龄超出范围");
    }
    else
    {
      alert("输入的内容不正确");
    }

    </scriput>

     ④switch.....case.....让用户输入的值能够影响程序的走向,让程序更加的智能

    <scriput>
    var
    a = 3;
    switch(a)
    {
      //如果a=1执行
      case 1:
        alert("11111");
        break;

      //如果a=2执行
      case 2:
        alert("22222");
        break;

      case 3:
        alert("33333");
        break;
      
      //如果条件都不成立执行
      default:
        alert("输入的内容不在范围内");
    }
    《/scriput>


    例: 有两个变量,根据用户输入的运算不同得出不同结果

    <script>
      //让用户输入第一个变量
      var a = parseInt(prompt("请输入第一个变量"));
      //让用户输入第二个变量
      var b = parseInt(prompt("请输入第二个变量"));
      //让用户输入运算符
      var c = [rompt("请输入运算符");
      
      switch(c)
      {
         case "+":
          alert(a+b);
          break;
         case "-":
          alert(a-b);
          break;
         case "*":
          alert(a*b); //此处的加号具有连接字符串的作用,所以用户输入的变量要用paseInt()转为整型
          break;
         case "/":
          alert(a/b);
          break;
         case "%":
          alert(a%b);
          break;
        default:
          alert"0";
      }




    </script>



               
    3、循环语句
    主要作用: 循环操作某一个功能(执行某段代码),针对于规定次数的循环。
    四要素:循环初始值、循环条件、状态改变、循环体。
    ⦁ for循环:穷举和迭代
    穷举:就是把所有的情况都列举出来
    迭代:就是把原来的值拿来用


    i=0 //初始值
    i<10 //条件判断
    i++ //状态改变
    alert(i) //循环体

    执行顺序:先执行初始值--条件判断--循环体--状态改变--条件判断--循环体--状态改变--条件判断--.........

    <script>
        for(va i=0;i<10;i++)
        {
         alert(i); 
      }
    </script>


    i++  //等价于i=i+1,
    ++i    //等价于i=i+1,

    单独这两句的话,意思是一致的;如果赋值的话意义就不一样了

    var a = 0;
    var b = a++; //这句话相当于下边两句

    var b = a;
    a = a+1

    var a = 0;
    var b = ++a; //相当于下边两句话

    a=a+1;
    var b = a;

    求1-100以内的奇数和偶数

    
    

    <script>
        var js = "";
        var os = "";
        for(var i=1;i<100;i++)
        {
          if(i%2==0)
          {
            os = os+i+"--";
          }
          else
          {
            js = js+i+"--";
          }
        }
        alert(os);
        alert(js);
     </script>

     

    取100以内与7相关的数(迭代)

    <script>
        var s = "";
        for(var i=0;i<100;i++)
        {
            if(i%7==0 || i%10==7 ||parseInt(i/10)==7)
            {
                s = s+i+"--";    
            }
        }
    
    alert(s);
    </script>

     阶乘(九九口诀表)(迭代)

    <script>
    var s = "";
    for(var i=1;i<10;i++)
    {
      for(var j=1;j<10;j++)
      {
        if(j>=i) //去除重复的判断
        {
          var cj =i*j;
          s = s+i+"乘以"+j+"等于"+cj+"--";
        }
      }
    }
    alert (s);


    </script>


      
    ⦁ while循环(死循环)

    篮球从5米高的地方落下,每次弹起的高度是原来的30%,经过几次弹起,得的高度是0.1米

    <script>
    var gd = 5; var cs = 0; while(true) //1==1 or true 代表恒成立 { cs++; gd = gd*0.3; if(gd<0.1) { break; //跳出整个循环
         // continue; 跳出本次循环 } } alert (cs);
    </script>

     一个64个方格的棋盘,第一个方格里面放1粒米,重量是0.00001kg, 第二个里面放2粒,第三个里面放4粒,求所有方格里米的重量

    <script>
    var zsl = 0; //定义一个变量“总数量” for(var i=1;i<65;i++) { var fgsl = 1; for(var j=0;j<i-1;j++) { fgsl = fgsl*2; } zsl = zsl+fgsl; //总数量等于数量的累加之和 } var zhong = zsl*0.00001; alert (zhong); </script>
  • 相关阅读:
    JS获取当前网页大小以及屏幕分辨率等
    JS获取浏览器信息及屏幕分辨率
    vue中获取客户端IP地址(不需要额外引入三方文件)
    vue事件修饰器
    export,import ,export default的区别
    Vue中动态添加多个class
    Vue中通过鼠标移入移出来添加或取消class样式(active)
    restapi(5)- rest-mongo 应用实例:分布式图片管理系统之一,rest 服务
    restapi(4)- rest-mongo : MongoDB数据库前端的httpserver
    restapi(3)- MongoDBEngine : MongoDB Scala编程工具库
  • 原文地址:https://www.cnblogs.com/wells33373/p/5905896.html
Copyright © 2011-2022 走看看