Javascript介绍

Javascript

  定义：一门简单的浏览器可解析的语言
  作用：与HTML相结合使用，使我们的网页变得更加酷炫
  

发展史：

    1.1992年，Nombase公司开发出来，校验表单，起名c--，后来更名为：ScriptEase。
    2.1995年，Netscape（网景）公司，与Sun公司工程师合作，把c--
        和Java语言相结合；Javascript；用在网景公司开发的浏览器上
        导航者浏览器；
    3.1996年，微软公司抄袭JavaScript，取名JScript；用在IE浏览器上
    4.1997年，ECMA（欧洲计算机制造协会）站出来，规范JavaScript语言；
    
    

使用：

1.如何引入JavaScript：

        1.1内部js:使用script标签来包含，可以放在任何位置，加载有先后顺序
        1.2外部js：使用script标签来包含，需要注明src的路径
        1.3使用超链接加载js:<a href="javascript:js语句">test</a>
        

2.注释：

        2.1单行注释 // Ctrl+/
        2.2多行注释 /* 注释内容 */  Ctrl+shift+/
        

3.变量有三种使用方式：

        3.1 先声明再赋值   如：var  message;?message="hi";
        3.2 同时声明和赋值变量   如：var  message="hi";
        3.3 不声明直接赋值   如：message="hi";

4.变量命名规则：

        1.第一个字符必须是一个字母、下划线（_）或一个美元符号（$）
        2.其他字符可以是字母、下划线、美元符号或数字
        3.区分大小写
        4.不能与关键字同名，如 while、for 和 if 等
    

5.JavaScript 中有 5 种简单数据类型，也称为基本数据类型：

         undefined：未赋值类型
         null：null类型
         boolean：Boolean类型，true、false
         number：数值类型，浮点数、整数
         string：字符串类型，只存在一个值null，表示对象不存在
        另外还有一种复杂数据类型——object对象类型

 6.选择结构：需要根据特定的条件执行不同的语句。

    JavaScript中选择结构使用if语句和switch语句。
    if 语句有 3 种形式：单分支、双分支和多分支。
    
    代码示例：
    /*
     * 单分支操作
     */
    var a=15;
    var b=10;
    if(a>b){
        document.write("a>b");
    }
    
    /*
     * 双分支结构
     */
    if(a<b){
        document.write("a<b");
    }else{
        document.write("a>b");
    }
        
    /*
     * 多分支结构
     */
    if(a<b){
        document.write("a<b");
    }else if(a==b){
        document.write("a=b");
    }else{
        document.write("a>b");
    }
        
```
/*
 * switch
 */
switch(2){
    case 1:a+b;document.write("a+b="+(a+b));
    break;
    case 2:a-b;
    document.write("a-b="+(a-b));
    break;
}
```

 7.JavaScript中，循环结构有 while 循环、do-while 循环和 for 循环

        1.while 循环语句
        语法：
            while（条件表达式）{
                语句或语句块
            }

        2.do-while 循环语句
        语法：
        do{
            语句或语句块
        }while( 条件表达式 );

        3.for 循环语句
        语法：
            for( 初始化表达式 ; 循环条件表达式 ; 循环后的操作表达式 ){
                 语句或语句块
            }
    代码示例：
        for(var i=0;i<10;i++){
            document.write("hello world");
        }
        

8.break 语句和 continue 语句
        JavaScript跳转语句：break语句和continue语句
        break语句用于中断循环
        continue语句用于跳过本次循环要执行的剩余语句，然后开始下一次循环

9.算数运算符

    运算符       描述                  例子      x 运算结果      y 运算结果    
      +           加法                  x=y+2             7                     5    
      -               减法                x=y-2            3                     5    
      *               乘法                x=y*2           10                    5    
      /               除法               x=y/2              2.5                   5    
      %          取模（余数） x=y%2              1                      5    
      ++          自增               x=++y               6                      6    
                                        x=y++                 5                       6    
      --          自减              x=--y                   4                       4    
                                       x=y--                     5                      4
                    

## 10.赋值运算符

    运算符    例子         等同于        运算结果    
      =        x=y           x=5             
     +=        x+=y      x=x+y         x=15    
     -=         x-=y      x=x-y         x=5    
    *=     x*=y      x=x*y         x=50    
    /=         x/=y      x=x/y         x=2    
    %=     x%=y      x=x%y     x=0
    

## 11.比较运算符

    运算符        描述                                                                                   比较       返回值    
    ==            等于                                                                                    x==8    false    
                                                                                                            x==5    true    
    ===        绝对等于（值和类型均相等）                                               x==="5"    false    
                                                                                                            x===5    true    
    !=               不等于                                                                                x!=8    true    
    !==          不绝对等于（值和类型有一个不相等，或两个都不相等） x!=="5" true    
                                                                                                            x!==5   false    
    >         大于                                                                                            x>8      false    
    <         小于                                                                                            x<8      true    
    >=         大于或等于                                                                            x>=8    false    
    <=         小于或等于                                                                            x<=8    true