• js整理 03-18


    //Javascript Document

    / /单行注释

    /* */多行注释

    事件:对标签元素进行的动作 (点击、双击、鼠标移入、键盘按下)

    js位置的定义:

      1.标签里面以 事件属性 的形式表现    标签名   是以ON开头的属性

      < button  onClick = " alert (‘ 这是弹窗’) ">< /buttonn >

      2.html文档里面 以标签的形式表现   标签名 script

      < script type = " text / javascript " >

         这里面写js代码

         alert ( '这是弹窗' );

       < /script >

      3.引入文件  html文档里面以标签的形式表现  标签名 script

      < script type = " text / javascript " >src = " 路径 " >< / script >

    三种弹窗

      1.alert ( ) ; //告警窗口

      2.confirm ( ) ; //选择框 有返回值

      3.prompt ( ) ; //输入框

    输出到控制台:console.log(""),

    变量:用来存数据的    其中的数据是可以被改变的

    定义

       var  aa ;

        var  aa = null,

               bb = 12,

               cc = 345;

    定义并赋值: var   aa = 123;

    使用:      aa;

    赋值: 将右边的东西  赋值给 左边的东西

          var    aa = 0;

          var    bb =123;

          bb = aa;

          bb = 123;

    非纯数字的字符串转数字“12a45”:12;  //从左到右,到第一个不是数字的开始

    数据类型: 数字、 字符串、布尔、null、undefined、obiect

      1.数据类型转化:分自动和强制两种

      2.短整型:shot

      3.整数:int

         int  aa2 = ( int ) aa1;  ==>12

      4.长整型:long

      5.浮点数:float

         float  aa1 = 12.22;

      6.双精度: double

    强类型语言:java、

    弱类型语言:PHP、js

    运算符

      1.算数运算符:+、-、*、/、+ +自增、 - -自减、%取余

        自增和自减  只和自己有关系的时候 在前后没区别

        参与表达式的时候

               在前:等我自增  再来参与你们

               在后:我们先运算,然后再自己运算

              var n1 = 1;

              var n2 = 2;

              var jg = n1++ + n2  ==> 3

              var jg = ++n1 + n2  ==> 4

         取余 var n = 123;

         个位 : ( n%10)

         十位 : parseInt( n/10%10 )

         百位:  parseInt( n / 100)

         数位多的时候 : 先把想取的那个位数初到个位,然后再取余

    赋值运算符: =、+=、-=、*=、/=

          var  a = 3;

          a += 123;  => a = a + 123; =>126

    关系运算符  结果就是布尔类型 不是对(true) 就是错(false) (  >、<、>=、<=、!=、==、===、)

       1.  =  赋值

       2. == 比较值

       3.===比较值和数据类型

    逻辑运算符  结果就是布尔类型

       1. && 并且   两边都是真的(true) 才是真的(true)

       2. | |   或者  只要一边是真的(true)  就是真的(true)

       3. !  取反   !true = > false 选项中都没有的时候才用

    三元运算符:表达式   ? 真 干这个 : 假 干这个;

    字符串的拼接: + 自动把两边的数转换成字符串运算

         1+1= > 2

          "1"+"1" = > "11"

          1+1+"1" = > 2+"1" => "21"

          "1"+1+1 = >"11"+1 => "111"

    字符串的拆分

        var  aa = "你好";

         "a"+"b" => "ab"

         "a"+aa+"b"

    自动计算代码:eval( "里面写JavaScript代码");

    控制语句

        break;  //结束循环(终止)

        continue;  //跳过本次循环。continue下方的代码不再执行,进入下一次循环。

    死循环:while( true ){  }   for( ; ; ){  }

    while ( true ){ if (  ) { break } }

    标记:

    wbl : for ( var i = 0; i <10; i++){

            for( var j = 0; j < 10 ; j++ ){

                 break wbl; //  回到最外层的for,并停止;

            }

    }

       判断语句

          if( 表达式 ){    代码  }

          if( ){

          }else{

          }

           if( day==6 ){

                 出去

           }else if( day==5 ){

                早下班

           }else{

           }

     

    switch  匹配语法 匹配到那个就运行那个

    语法:

       var  str = " ";

       switch( str ){

           case " 3 ":

               break;

           case " 5 ":

               break;

             default:

              break;}

    运行原理:

        变量str的值匹配  case后面的值

        匹配到了就执行下面的代码

        匹配不到就执行 default 下面的代码

       执行完代码之后找 break 找到就停

         如果美欧找到进入下一个代码 找(会执行case里面的代码)直到最后;

    数组:定义、赋值、使用、遍历

            1.数组元素:数组里面的每一项

            2.数组长度:数组里面元素的个数   ( 数组.length )

            3.数组下标(索引):数组元素在数组里面的位置,从0开始;

                数组的下标是0的元素是数组的第一个元素

    数组的两种表现方式

           1.var   aa = new  Array(  )

           2.var    aa =  [   ]

    遍历:

    for:

        var aa = [ 1, 2, 3,  ] ;

         for ( var  i = 0 ;  i < aa.length; i++ ){
               alert ( aa[ i ]) 

        }

        for-in

        for ( var  index  in   aa ){

        alert ( aa[ index ]  );

        }

    数组常用方式

           1. push ( ); 在最后面追加一个元素

           2.  unshift ( ); 在前面追加一个元素

           3.   pop (  );  删除最后一个元素

           4.  shift  (  );  删除第一个元素

           5.  indexOf ( ); 查找第一次出现的位置   返回下标  没找到  返回-1

           6.   lastindexOf (  );   查找在最后一次出现的位置  返回下标  没找到  返回-1(判断左边是不是右边这个类型)

                   alert ( aa  instanceof  Date );

     添加数组:

           (1)  管理员添加用户信息

           (2)  选择填多少个

           (3)   每一个是什么

    //用来存用户信息
    var student = [],
    //填多少个用户信息
         aa = prompt("填多少"),
    //用户信息
         bb = "";
    //循环,填多少用户就循环多少次
    for ( var  i=0;i<aa;i++){
    //每进行一次循环都出一个输入资料
         aa = prompt("用户"+(i+1)+"信息");
         //student.push(aa);
    //每次都对数组添加一个资料
         student[i]=aa;
        }
    //输出
    alert(student)数组天
    数组添加

         

      

     

     

  • 相关阅读:
    synthetic-load-generator 一个不错的opentracing trace && metrics && logs 生成工具
    记一次php.ini配置不合理造成系统加载偏慢问题
    Data-Prepper opendistro 开源的基于es 的trace 分析工具
    使用babel-standalone 让浏览器支持es6特性
    tempo grafana 团队开源的分布式追踪框架
    grafana/agent grafana 团队开源的兼容prometheus 的agent
    k6 集成goja 的部分集成说明
    spf13/afero 通用文件系统试用
    goja 支持es6的一种方法
    salesforce 跨组织数据可见性的方案
  • 原文地址:https://www.cnblogs.com/baobaoa/p/8595558.html
Copyright © 2020-2023  润新知