• 5.10 Js基础


    定义:基于事件或对象的驱动脚本语言
    引入方式:
    内嵌:<script type="text/javascript">js代码</script>
    外部:<script src="外部js文件" type="text/javascript"  charset="utf-8"></script>

    代码大小写敏感 A与a是完全不同的两个概念

    注释:
    // 单行注释
    /*   */多行注释


    变量
    盛放信息的容器,内容可以变化的量
    定义方式:var
    命名规范:不要用数字开头,字母·下划线·数字·$

    数据类型
         数字型number:整形int   浮点型float
       字符型:string
       布尔型:boolean true false
       object
       未定义:underfined 
      
       数据类型的相互转换
             整型转字符 string(); .tosrting()
    字符转整型Number(); parseInt(); parsefloat();
    运算符
    基础运算符+ - * / %
    加法: 数字的求和  字符串的拼接
    减法:数字的减法 对数字进行取反
    乘法.除法.取余
    复合运算符+= -= *= /= %=
    自增自减
    注意位置++  --
    关系运算符> < >= <= != ==  ===
    三元运算符
    条件?值1(true):值2(false)
                              流程语句
    选择(判断)结构
    if 如果
    if(条件1){
    执行代码1
    }
    else if(条件){
    执行代码2
    }else{
    执行代码3
    }

    switch
    switch(变量){
    case"标签1":
    执行代码1
    break;
    case"标签2":
    执行代码2
    break;
    case"标签3":
    执行代码3
    break
    default:
    执行代码4
    break;
    }
    循环结构
    while
    while(条件){}
    do while
    do{
    循环体
    }while();
    for
    for(var i=0; i<10; i++){
    }
    跳转语句
    break:终止整个循环,不再进行判断
    continue:终止本次循环,接着去判断是否执行下次循环

    <!DOCTYPE html>
    <html>
     <head>
      <meta charset="UTF-8">
      <title></title>
     </head>
     
     
     <body>
     </body>
    </html>
    <script type="text/javascript">
     //1 以弹窗的形式进行输出
     /*alert("hello world")*/
     /*  2 控制台输出,调试语句*/
     /*  console.log(111);*/
     /*  3 可提示用户进行输入的对话框*/
      /* prompt("请输入你的姓名");*/
     //4 在html文档中写入内容
     /*document.write("aaaa<br />")
     document.write("bbbb<br />")
     变量*/
    /* 变量的定义 var*/
     /*var bianliang= 111;
     var bianliang= 222;*/
     /*var aa=prompt("请输入你的姓名");
         aa="张国荣";
         alert(aa);*/
      /*   数据类型
         var aa=1;
         var bb="1";
         var cc=true;
         var dd={};
         var ee;
         alert(typeof(dd));
     */
     //数据类型的相互转换
     //1整形转换为字符型
     /*var a=100;
        a=String(a);
        a=a.tostring();*/
     //2.字符型转整型
     /*var b="100"
         b=Number(b);*/
    /* var c="3.1415926";*/
     /*c=Number(c)*/;
     /*c=parsefloat(c);*/
     /*c=parseInt(c);
     alert(typeof(c));
     */
    /*   var aa=prompt(  );
        if(aa==0){
       alert ("请输入正确数值")
       }
       if(aa %2==0){
         alert("偶数")
       }
       else{
        alert("奇数")*/
     /*  }*/
      var aa=0.0001;
      var bb=0;   
       while(true ){
        aa = aa*2 ;
        bb++;
       if(aa>=8848){
         alert(bb);
         break;
        }
       }
       
       
       
       
       
       
    </script>
     
    <!DOCTYPE html>
    <html>
     <head>
      <meta charset="UTF-8">
      <title></title>
     </head>
     <body>
     </body>
    </html>
    <script type="text/javascript">
     /*var a = 10;
     var b =10;
     var c =a+b;
     var d ="hello";
     var e="world";
     var f=10;
     f=f+2;
     f+=2;
     var g =1;
     g++;
     g=g+1;
     g+=1;
     var h=g++;
     h=g;
     g++
     var k= ++g
     g++
     k=g
     关系运算符
     var L=3>=2;
     var p=123;
     var q="123";
     //非
     var aa=2;
     var bb=3;
     var cc=!(aa>=bb);
     与
     var dd=2>=3;
     var ee=4>=1
     alert(dd&&ee);与
     
     alert(dd||ee);或*/
    /* 三元运算符*/
     var bl=2>=1?"aa":"bb";
     alert(bl);
     var shuru= prompt("请输入商品名称");
     var shuru= shuru =="汉堡"?"5元":shuru=="鸡块"?15元:shuru=="圣代"?"25元":"请输入正确商品";
     alert(shuru)
    选择
    if
     var aa=prompt("请输入你要的商品");
     if(aa=="汉堡"){
      alert("请给我5元");
     }else if(aa=="鸡块"){
      alert("请给我15元");
      } else if(aa=="圣代"){
       alert("请给我25元");
      }else{
       alert("请输入正确的商品")
      }
      switch(aa){
       case "汉堡":
       alert("请给我5元");
       break;
       case "鸡块"
       alert("请给我15元");
       break;
       case "圣代":
       alert("请给我25元");
       break;
       default:
       alert("请输入正确的商品");
       break;
       
       
      }
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
    </script>
  • 相关阅读:
    批量 kill mysql 线程
    ansible playbook实践(三)-yaml文件写法
    ansible playbook实践(二)-基础相关命令
    ansible playbook实践(一)-基础环境安装
    rsync源目录写法的一点小细节
    python threading queue模块中join setDaemon及task_done的使用方法及示例
    python多线程限制并发数示例
    完全总结bash中的条件判断test [ [[ 使用
    CHECK MEMBER TYPE
    C++14 make code cleaner
  • 原文地址:https://www.cnblogs.com/sunhao1987/p/9021147.html
Copyright © 2020-2023  润新知