js基础

      javascript的发展史

    1、1992年 ，Nombas 为自己的软件写一款脚本语言 C-- --》 ScritEase ,可以嵌入在网页中运行

    2、1995年 ，Netscape(网景) Navigator2.0 --> LiveScript --> Javascript ,Java 与 Javascript之间没有任何关系

    3、1996年 ，Microsoft 在 IE3.0 中发布 JS的克隆版 --> JScript

    4、1997年 ，Javascript 1.1 版本 作为 草案 提交给了 ECMA(欧洲计算机制造商联合会) ECMA-262标准 ECMAScript 作为 JS

javascript的组成：

    ECMAscript  Dom  Bom

javascript的语法

    1.在标签中写

       

    2.外部脚本文件

    1）、

    创建脚本文件并编写 脚本 脚本文件：***.js

    2）、引入外部脚本文件

   

注意：

    1、必须是成对的 script标签

    2、该对标记中，不允许出现任何于js无关的内容 

  3.注释

    1）、单行注释

    // 单行注释

    2）、多行注释

        /*

        * 多

        * 行

        * 内

        * 容

        */

    4.严格区分大小写

      console.log(""); 正确

      Console.log("");错误

JS的三大组成部分：

  Js的全称：JavaScript

        1. EcMaScript：  核心

        2. Dom：

            Dom的全称：Document Object Model

            Dom的作用：文档对象模型，专门操作页面元素

          3.Bom：

            Bom的全称：Browser Object Model

            Bom的作用：用于浏览器 对象模型 操作浏览器窗口和框架

JS的三种输出方法：

        1.在控制台输出：

          console.log(‘随便输入’);

          2.在页面打印出（在网页上输出）：

            document.write(‘随便输入’);

            3.页面弹框（在显示框输出）：

            alert ('随便输入') JS的三大组成部分：

  Js的全称：JavaScript

        1. EcMaScript：  核心

        2. Dom：

            Dom的全称：Document Object Model

            Dom的作用：文档对象模型，专门操作页面元素

          3.Bom：

            Bom的全称：Browser Object Model

            Bom的作用：用于浏览器 对象模型 操作浏览器窗口和框架

JS的三种输出方法：

        1.在控制台输出：

          console.log('hello');

          2.在页面打印出（在网页上输出）：

            document.write('hello');

            3.页面弹框（在显示框输出）：

            alert ('hello');

变量：

    变量可以理解存储数据的容器

声明一个变量：

var的全称：variable

var  uname；（uname意思是名字）

然后赋值：

uname=”王五”

声明一个变量和赋值可以合成一步：

var  uname=”王五”

注：变量名的后面可以包含数字  字母  下划线 &、但是不可以以数字和特殊符号开头。

列子：

var uname=”王五”;

常量：

    一旦声明就不可改变的叫做常量，常量名最好大写。

声明一个常量用：

      const（这是常用名）

隐式转换

1.number+number

        var a=3;

        var b=5;

        console.log(a+b);

2.number+string  拼接

        var a=3;

        var b='5';

        var c='hello world';

        console.log(a+c);

3.number+boolean

        var a=3;

        var b=true;

        var c=false;

        console.log(a+c);

        console.log(a+b);

4.string+boolean  拼接

        var a='3';

        var b=true;

        console.log(a+b);

5 number+undefined

        var a=3;

        var b;//undefined

        console.log(typeof(a+b));

        not a number

        不是一个数字

6.numberstring +undefined

        var a='3';

        var b;//undefined

        console.log(typeof (a+b));

总结：    number+string  拼接

        number+boolean      boolean转number

        number+undefined  NAN

        boolean+boolean    求和数据类型

        string加任何东西都是拼接

数据类型：

数字：number

例：var a=5;

var b=0.5;

字符串：string

例：var a=”asdjio”;

var b=’12’；

只要有双引号和单引号就是字符串

布尔：var boo1=true;

          var boo2=false;

在运算时候 true为1 、false为0

例：true+false=1

Null 空

Undefiend 未定义的

Object 对象

转换时不仅值会变 类型也会变为Number

转换为整数：

parseInt();

例：var a=5.5;

var b=parseInt(a);

console.log(b);

转换小数

parseFloat();

var a=5;

var b=parseFloat(a);

console.log(b);

转换成为字符串

tostring（）；

var a=5;

var b=a.tostring();

console.log(b);

Tofixed();保留小数位， 四舍五入

  例：var a=13.956;

          var b=a.tofixed(2);保留2位小数位

  console.log(b);

运算符：

%：模 求余数

++在前：先自加1，再赋值

例：var a=3;

  var b=++a;

  console.log(a);结果:4

  console.log(b);结果:4

++在后：先赋值，再自加1

    例var a=3;

  var b=a++;

console.log(a);结果：4

console.log(b);结果：3

--在前：先自减1，再赋值

例：var a=3;

  var b=--a;

console.log(a);结果：2

console.log(b);结果：2

--在后：先赋值，再自减1

例：var a=3;

  var b=a--;

console.log(a);结果：2

console.log(b);结果：3

关系运算符：返回布尔值

<  >  <=  >=  ===  ==

例：var a=5;

var b=”5”;

console.log(a==b);true

console.log(a!==);true

逻辑运算符：

&&：和  与  两个都对才为true

||：或 一个对就为true

！：取反

例：x=5；、y=6;

x==y;是错的但是加上!  !(x==y)为true；

      三目运算符：

条件？    “答案1”“答案2”

5>=6?        对        错

分支：

    if(条件){

alert(duile);

}else{

alert(cuole);

}

  else if() 多重条件语句

If(条件){

条件1

}else if(条件2){

条件2

}

  Switch..........case.......

    switch(条件){

            case 情况1:

              执行的语句

              break;

            case 情况2:

              要执行的语句

              break;switch....case....

            case 情况3:

              要执行的语句

              break;

          ........

          以上条件都不满足的时候执行

          default:

                要执行的语句

              break;

        }

      switch....case....的直落形         

        switch(条件){

                case 1:

                case 2:

                  case 3:

    ......

  执行的语句                 

      break;

        }

;

  变量：

    变量可以理解存储数据的容器

  声明一个变量：

  var的全称：variable

  var  uname；（uname意思是名字）

    然后赋值：

    uname=”王五”

    声明一个变量和赋值可以合成一步：

      var  uname=”王五”

注：变量名的后面可以包含数字  字母  下划线 &、但是不可以以数字和特殊符号开头。

    列子：

    var uname=”王五”;

    常量：

    一旦声明就不可改变的叫做常量，常量名最好大写。

    声明一个常量用：

      const（这是常用名）

  数据类型：

  数字：number

  例：var a=5;

        var b=0.5;

      字符串：string

      例：var a=”asdjio”;

      var b=’12’；

    只要有双引号和单引号就是字符串

    布尔：var boo1=true;

            var boo2=false;

        在运算时候 true为1 、false为0

      例：true+false=1 

     

    Null： 空

  Undefiend： 未定义的

  Object： 对象

    转换时不仅值会变 类型也会变为Number

    转换为整数：

    parseInt();

  例：var a=5.5;

    var b=parseInt(a);

  console.log(b);

  转换小数

    parseFloat();

    var a=5;

  var b=parseFloat(a);

    console.log(b);

    转换成为字符串

    tostring()；

    var a=5;

    var b=a.tostring();

      console.log(b);

    Tofixed();保留小数位， 四舍五入

  例：var a=13.956;

          var b=a.tofixed(2);保留2位小数位

  console.log(b);

    运算符：

      %：模 

      作用： 求余数

      ++在前：先自加1，再赋值

    例：var a=3;

  var b=++a;

  console.log(a);结果:4

  console.log(b);结果:4

++在后：先赋值，再自加1

    例：var a=3;

  var b=a++;

    console.log(a);结果：4

      console.log(b);结果：3

    --在前：先自减1，再赋值

    例：var a=3;

  var b=--a;

    console.log(a);结果：2

    console.log(b);结果：2

    --在后：先赋值，再自减1

  例：var a=3;

      var b=a--;

    console.log(a);结果：2

  console.log(b);结果：3

  关系运算符：返回布尔值

    <  >  <=  >=  ===  ==

    例：var a=5;

    var b=”5”;

      console.log(a==b);true

      console.log(a!==);true

  逻辑运算符：

  &&：和  与  两个都对才为true

  ||：或 一个对就为true

    ！：取反

    例：x=5；、y=6;

    x==y;是错的但是加上!  !(x==y)为true；

      三目运算符：

      条件？    “答案1”“答案2”

      5>=6?        对        错

    分支：

    if(条件){

        alert(对的);

        }else{

      alert(错的);

        }

  else if() 多重条件语句

      if(条件){

    条件1

      }else if(条件2){

    条件2

  }

    Switch..........case.......

    switch(条件){

            case 情况1:

              执行的语句

              break;

            case 情况2:

              要执行的语句

              break;switch....case....

            case 情况3:

              要执行的语句

              break;

          ........

          以上条件都不满足的时候执行

          default:

                要执行的语句

              break;

        }

      switch....case....的直落形         

        switch(条件){

                case 1:

                case 2:

                case 3:

    ......

  执行的语句                 

      break;

        }