3710人加入学习
(6人评价)
Web前端第三季(JavaScript)

制作完成于2018年6月14日

价格 免费
<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
    <title>字符串string</title>
    <script type="text/javascript">
        // var str = "heLLO world";//子串
        // str = str + "234234123";//heLLO world234234123
        //1,取得长度
        // console.log(str.length);
        // //2,利用索引访问单个字符
        // console.log(str[0]);
        // console.log(str[1]);
        // console.log(str[2]);
        // //str[5] = '-'; //可以获取对应的字符,但是不能修改。
        // console.log(str);
        // // 0 1 2 3 4 5 ... str.length-1
        // for(var i = 0;i<str.length;i++){
        //     console.log(str[i]);
        // }

        // var str2 = str.toUpperCase();
        // console.log(str);
        // console.log(str2);

        // var str3 = str.toLowerCase();
        // console.log(str3);

        // var index = str.indexOf("",4);//如果子串存在,返回子串首字母索引;如果子串不存在,返回-1;如果子串为空,返回0
        // console.log(index);

        // var str2 = str + "sikiedu.com";
        // console.log(str2);

        // var str3 = str.concat("sikiedu.com","!");
        // console.log(str3);

        var str = "heLLO world"
        var str2 = str.slice(2,5);
        var str3 = str.slice(2);
        var str4 = str.slice(5,3);
        var str5 = str.slice(2,40);
        var str6 = str.slice(-4,-2);
        console.log(str2);//LLO
        console.log(str3);//LLO world
        console.log(str4);//""
        console.log(str5);//LLO world
        console.log(str6);//or
    </script>
</head>
<body>
    
</body>
</html>

 

[展开全文]
<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
    <title>字符串string</title>
    <script type="text/javascript">
        var str = "heLLO world";
        // str = str + "234234123";//heLLO world234234123
        //1,取得长度
        // console.log(str.length);
        // //2,利用索引访问单个字符
        // console.log(str[0]);
        // console.log(str[1]);
        // console.log(str[2]);
        // //str[5] = '-'; //可以获取对应的字符,但是不能修改。
        // console.log(str);
        // // 0 1 2 3 4 5 ... str.length-1
        // for(var i = 0;i<str.length;i++){
        //     console.log(str[i]);
        // }

        var str2 = str.toUpperCase();
        console.log(str);
        console.log(str2);

        var str3 = str.toLowerCase();
        console.log(str3);
    </script>
</head>
<body>
    
</body>
</html>

 

[展开全文]
<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
    <title>函数</title>
    <script type="text/javascript">
        // console.log("数据校验第一步");
        // console.log("数据校验第二步");
        // console.log("数据校验第三步改变");
        // console.log("数据校验第四步");

        // console.log("数据校验第一步");
        // console.log("数据校验第二步");
        // console.log("数据校验第三步改变");
        // console.log("数据校验第四步");

        // console.log("数据校验第一步");
        // console.log("数据校验第二步");
        // console.log("数据校验第三步改变");
        // console.log("数据校验第四步");

        // function myname(){
        //     console.log("我是函数体");
        // }
        // myname();

        // datacheck();
        // datacheck();
        // datacheck();

        //创建一个新的函数(声明函数或者定义函数)
        // function datacheck(){
        //     console.log("数据校验第一步");
        //     console.log("数据校验第二步改变");
        //     console.log("数据校验第三步改变");
        //     console.log("数据校验第四步");
        // }

        // function add(){
        //     var a = 100;
        //     var b = 200;
        //     var res = a + b;
        // }

        //名字 参数 返回值
        // function add(arg1,arg2){
        //     var res = arg1 + arg2;
        //     // console.log(res);
        //     return res;
        // }

        // var res1 = add(100,200);
        // var res2 = add(80,90);
        // console.log(res1);
        // console.log(res2);

        // function (){
        //     console.log("我是匿名函数");
        // }

        // var a = function (){
        //     console.log("我是匿名函数");
        // }
        // a();

        function attack(attackmode){
            // console.log("我使用刀进行攻击");
            attackmode();
            console.log("掉血");
        }
        attack( function (){
            console.log("我使用刀进行攻击");
        });
        attack(function (){console.log("我使用枪进行攻击");});

        //
        // window.alert("你好");
        // console.log();
        document.write("你好");

    </script>
</head>
<body>
    
</body>
</html>

 

[展开全文]
<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
    <title>函数</title>
    <script type="text/javascript">
        // console.log("数据校验第一步");
        // console.log("数据校验第二步");
        // console.log("数据校验第三步改变");
        // console.log("数据校验第四步");

        // console.log("数据校验第一步");
        // console.log("数据校验第二步");
        // console.log("数据校验第三步改变");
        // console.log("数据校验第四步");

        // console.log("数据校验第一步");
        // console.log("数据校验第二步");
        // console.log("数据校验第三步改变");
        // console.log("数据校验第四步");

        // function myname(){
        //     console.log("我是函数体");
        // }
        // myname();

        // datacheck();
        // datacheck();
        // datacheck();

        //创建一个新的函数(声明函数或者定义函数)
        // function datacheck(){
        //     console.log("数据校验第一步");
        //     console.log("数据校验第二步改变");
        //     console.log("数据校验第三步改变");
        //     console.log("数据校验第四步");
        // }

        // function add(){
        //     var a = 100;
        //     var b = 200;
        //     var res = a + b;
        // }

        //名字 参数 返回值
        function add(arg1,arg2){
            var res = arg1 + arg2;
            // console.log(res);
            return res;
        }

        var res1 = add(100,200);
        var res2 = add(80,90);
        console.log(res1);
        console.log(res2);

    </script>
</head>
<body>
    
</body>
</html>

什么是函数?
一个函数有自己一个固定的功能,调用函数相当于调用这个功能。
函数有系统内置的函数,我们也可以定义自己的函数,使用这个函数实现我们想要的功能。
在定义函数的时候,我们需要写很多行代码来实现我们想要的功能。
函数可以被多次调用,我们只需要通过函数名调用即可调用响应的功能,这样就避免了每次想要调用某个功能的时候,就去书写重复的代码。

函数的作用:
1,一个函数实现一个固定的功能
2,避免重复写代码

函数怎么调用?
xxx1(arg1,arg2,arg3);
函数名是定义的时候决定的,参数也是定义的时候决定的。我们想要什么功能就必须调用对应名字的函数,并且提供对应的参数。(调用别人的函数的时候,不能自己随便写函数名和参数)
 

[展开全文]
<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
    <title>函数</title>
    <script type="text/javascript">
        // console.log("数据校验第一步");
        // console.log("数据校验第二步");
        // console.log("数据校验第三步改变");
        // console.log("数据校验第四步");

        // console.log("数据校验第一步");
        // console.log("数据校验第二步");
        // console.log("数据校验第三步改变");
        // console.log("数据校验第四步");

        // console.log("数据校验第一步");
        // console.log("数据校验第二步");
        // console.log("数据校验第三步改变");
        // console.log("数据校验第四步");

        // function myname(){
        //     console.log("我是函数体");
        // }
        // myname();

        datacheck();
        datacheck();
        datacheck();

        //创建一个新的函数(声明函数或者定义函数)
        function datacheck(){
            console.log("数据校验第一步");
            console.log("数据校验第二步改变");
            console.log("数据校验第三步改变");
            console.log("数据校验第四步");
        }
    </script>
</head>
<body>
    
</body>
</html>

什么是函数?
一个函数有自己一个固定的功能,调用函数相当于调用这个功能。
函数有系统内置的函数,我们也可以定义自己的函数,使用这个函数实现我们想要的功能。
在定义函数的时候,我们需要写很多行代码来实现我们想要的功能。
函数可以被多次调用,我们只需要通过函数名调用即可调用响应的功能,这样就避免了每次想要调用某个功能的时候,就去书写重复的代码。

函数的作用:
1,一个函数实现一个固定的功能
2,避免重复写代码

函数怎么调用?
xxx1(arg1,arg2,arg3);
函数名是定义的时候决定的,参数也是定义的时候决定的。我们想要什么功能就必须调用对应名字的函数,并且提供对应的参数。(调用别人的函数的时候,不能自己随便写函数名和参数)
 

[展开全文]
<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
    <title>循环嵌套</title>
    <script type="text/javascript">
        // for(var i=1;i<=5;i++){
        //     for(var j=1;j<=4;j++){
        //         console.log("i:"+i+" j:"+j);
        //     }
        // }

        // *
        // **
        // ***
        // ****
        // *****

        for(var i=1;i<=5;i++){
            var s="";
            for(var j=1;j<=i;j++){
                s+="*";
            }
            console.log(s);
        }
    </script>
</head>
<body>
    
</body>
</html>

 

[展开全文]
<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
    <title>break和continue</title>
    <script type="text/javascript">
        for (var i = 1; i < 10; i++) {
            if(i==5){
                continue;//中断本次循环,继续执行下次循环
            }
            console.log(i);
            // if(i==5){
            //     break;//终止运行
            // }
        }
        console.log("循环结束");
    </script>
</head>
<body>
    
</body>
</html>

break语句和continue语句
目标都是距离最近的循环
break    跳出循环
continue    中断本次循环,继续执行下次循环

[展开全文]
<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
    <title>while循环</title>
    <script type="text/javascript">
        // while(true){
        //     console.log("while循环体");
        // }

        var i = 2;
        while(i<101){
            console.log(i);
            i+=2;
        }
    </script>
</head>
<body>
    
</body>
</html>

while循环
while(条件){
循环体
}

var i=0;
while(i<10){
//循环体
i++;
}

[展开全文]
<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
    <title>for循环</title>
    <script type="text/javascript">
        // console.log(1);
        // console.log(2);
        // console.log(3);
        // console.log(4);
        // console.log(5);
        // console.log(6);
        // console.log(7);
        // console.log(8);
        // console.log(9);
        // console.log(10);

        for (var i = 2; i <= 100; i += 2) {
            //i= 1  2  3  4  5  6  7  8  9  10    11
            // console.log("我是循环体");
            console.log(i);
        }

        // for(初始化;条件判断;每次循环体执行完会执行这里){

        // }
        for (var i = 0; i < 10; i++) {
            console.log(i);
        }
    </script>
</head>
<body>

</body>
</html>

循环结构
for循环
第一种方式循环10次
for(var i =0;i<10;i++){
}
第二种方式循环10次
for(var i =1;i<=10;i++){
}

[展开全文]
<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
    <title>流程控制-switch语句</title>
    <script type="text/javascript">
        var season = 3;
        switch(season){
            case 1:
            console.log("春季");
            break;
            case 2:
            console.log("夏季");
            break;
            case 3:
            console.log("秋季");
            break;
            default:
            console.log("冬季");
            break;
        }

        if(season==1){
            console.log("春季");
        }else if(season==2){
            console.log("夏季");
        }else if(season==3){
            console.log("秋季");
        }else{
            console.log("冬季");
        }

        var month = 6;
        if(month>=2&&month<=4){
            console.log("春季");
        }else if(month>=5 && month<=7){
            console.log("夏季");
        }else if(month>=8&&month<=10){
            console.log("秋季");
        }else{
            console.log("冬季");
        }

        switch(month){
            case 2:
            case 3:
            case 4:
            console.log("春季");
            break;
            case 5:
            case 6:
            case 7:
            console.log("夏季");
            break;
            case 8:
            case 9:
            case 10:
            console.log("秋季");
            break;
            default:
            console.log("冬季");
            break;
        }

        var score = 80;
        // 优秀80-100 良好70-80 一般60-70 差小于60

    </script>
</head>
<body>
    
</body>
</html>

switch语句
switch(a){
case 1:
break;
...可以有多个case
default:
//当前面的case都不满足的时候才会执行,default语句
}

[展开全文]
<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
    <title>流程控制-if语句</title>
    <script type="text/javascript">
        // hp = 0;

        // //流程控制语句if
        // if(hp<=0){
        //     console.log("GameOver!")
        // }
        // console.log("继续");

        // if(布尔值){
        //     语句块;
        // }

        // if(true){
        //     console.log(true);
        // }
        // if(false){
        //     console.log(false);
        // }

        // var a = true; //对 是 有 1
        // var b = false;//错 不是 没有 0

        // ==  ===  !=  >  <  >=  <=
        // var n1 = 100,n2 = 90;
        // var res1 = n1==n2; //false
        // var res2 = n1!=n2; //true
        // var res3 = n1>n2; //true
        // var res4 = n1<n2; //false
        // var res5 = n1>=n2; //true
        // var res6 = n1<=n2; //false
        // console.log(res1);
        // console.log(res2);
        // console.log(res3);
        // console.log(res4);
        // console.log(res5);
        // console.log(res6);
        
        // console.log(n1==n2); //false
        // console.log(n1===n2); //false

        // console.log(100=="100"); //true
        // console.log(100==="100"); //首先判断类型是否一致,再判断值是否一致。

        // var hp = 50;

        // if(hp<=0){
        //     console.log("GameOver!");
        // }else{
        //     console.log("继续玩游戏");
        // }

        // var season = 1;
        // if(season==1){
        //     console.log("春季");
        // }else if(season==2){
        //     console.log("夏季");
        // }else if(season==3){
        //     console.log("秋季");
        // }else{
        //     console.log("冬季");
        // }
        //if...else if...else 只会执行其中一种if

        var month = 2; // 1 - 12
        // 2-5
        // if(month>=2){
        //     if(month<=5){
        //         console.log("当前是春季");
        //     }
        // }

        // && || 
        // var a = 10,b=20;
        // var res1 = true && true;
        // console.log(res1);

        // var res1 = true || false; //var res1 = a>=25 || b>=25;
        // console.log(res1);

        if(month>=2 && month<=5){
            console.log("春季");
        }

    </script>
</head>
<body>
    
</body>
</html>

逻辑运算符
&&   和(and)    表示同时满足两个条件
||    或者(or)    表示满足其中一个条件

[展开全文]
<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
    <title>流程控制-if语句</title>
    <script type="text/javascript">
        // hp = 0;

        // //流程控制语句if
        // if(hp<=0){
        //     console.log("GameOver!")
        // }
        // console.log("继续");

        // if(布尔值){
        //     语句块;
        // }

        // if(true){
        //     console.log(true);
        // }
        // if(false){
        //     console.log(false);
        // }

        // var a = true; //对 是 有 1
        // var b = false;//错 不是 没有 0

        // ==  ===  !=  >  <  >=  <=
        // var n1 = 100,n2 = 90;
        // var res1 = n1==n2; //false
        // var res2 = n1!=n2; //true
        // var res3 = n1>n2; //true
        // var res4 = n1<n2; //false
        // var res5 = n1>=n2; //true
        // var res6 = n1<=n2; //false
        // console.log(res1);
        // console.log(res2);
        // console.log(res3);
        // console.log(res4);
        // console.log(res5);
        // console.log(res6);
        
        // console.log(n1==n2); //false
        // console.log(n1===n2); //false

        // console.log(100=="100"); //true
        // console.log(100==="100"); //首先判断类型是否一致,再判断值是否一致。

        // var hp = 50;

        // if(hp<=0){
        //     console.log("GameOver!");
        // }else{
        //     console.log("继续玩游戏");
        // }

        var season = 1;
        if(season==1){
            console.log("春季");
        }else if(season==2){
            console.log("夏季");
        }else if(season==3){
            console.log("秋季");
        }else{
            console.log("冬季");
        }
        //if...else if...else 只会执行其中一种if
    </script>
</head>
<body>
    
</body>
</html>

条件判断语句
第一种方式
if(){
}
第二种方式
if(){
}else{
}
第三种方式
if(){
}else if(){
}else{
}

[展开全文]
<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
    <title>流程控制-if语句</title>
    <script type="text/javascript">
        // hp = 0;

        // //流程控制语句if
        // if(hp<=0){
        //     console.log("GameOver!")
        // }
        // console.log("继续");

        var a = true; //对 是 有 1
        var b = false;//错 不是 没有 0

        // ==  ===  !=  >  <  >=  <=
        var n1 = 100,n2 = 90;
        // var res1 = n1==n2; //false
        // var res2 = n1!=n2; //true
        // var res3 = n1>n2; //true
        // var res4 = n1<n2; //false
        // var res5 = n1>=n2; //true
        // var res6 = n1<=n2; //false
        // console.log(res1);
        // console.log(res2);
        // console.log(res3);
        // console.log(res4);
        // console.log(res5);
        // console.log(res6);
        
        // console.log(n1==n2); //false
        // console.log(n1===n2); //false

        console.log(100=="100"); //true
        console.log(100==="100"); //首先判断类型是否一致,再判断值是否一致。
    </script>
</head>
<body>
    
</body>
</html>

布尔类型(Boolean)
true    代表:    对 是 有 1
false    代表:    错 不是 没有 0

比较运算符    
==    ===        !=    >    <    >=    <=

[展开全文]
<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
    <title>流程控制-if语句</title>
    <script type="text/javascript">
        hp = 0;

        //流程控制语句if
        if(hp<=0){
            console.log("GameOver!")
        }
        console.log("继续");
    </script>
</head>
<body>
    
</body>
</html>

------------------------------------------------------------------------流程控制
流程控制
控制程序执行的流程,没有流程控制的话,程序默认从上到下执行!
有了流程控制,可以让程序执行某些满足条件的语句,或者重复执行某些语句!

if语句,布尔类型和比较运算符
if(hp<=0){
//Game Over
}

[展开全文]
<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
    <title>算数运算符</title>
    <script type="text/javascript">
        var a = 3.5; // = 把右边的赋值给左边的变量
        var b = 2;

        // var res1 = a + b;
        // var res2 = a - b;
        // var res3 = a * b;
        // var res4 = a / b;
        // var res5 = a % b;//求余
        // console.log(res1);
        // console.log(res2);
        // console.log(res3);
        // console.log(res4);
        // console.log(res5);
        // console.log(a+b);

        // a++;// a = a + 1;
        // b++;//自增
        // console.log(a);
        // console.log(b);

        // a--;// a = a - 1;
        // b--;
        // console.log(a);
        // console.log(b);

        // + - * / %
        // += -= *= /= %=
        // a += 2; //a=a+2;
        // a -= 2; //a=a-2;
        // a *= 2; //a=a*2;
        // a /= 2; //a=a/2;
        // a %= 2; //a=a%2;
        // console.log(a);

        var res1 = "Hello" + "World"; //HelloWorld
        var res2 = "Hello" + 100; //"Hello" + "100" Hello100
        var res3 = 100 + "Hello"; //100Hello
        var res4 = "100" + 100; //100100
        var res5 = 100 + 100 + "sikiedu.com"; //100100sikiedu.com ??? 不对
        var res6 = "sikiedu.com" + 100 + 100; //sikiedu.com100100
        console.log(res1);
        console.log(res2);
        console.log(res3);
        console.log(res4);
        console.log(res5);//200sikedu.com
        console.log(res6);

        var res7 = "" + a + b; //3.52;
        console.log(res7);//"3.52"
    </script>
</head>
<body>
    
</body>
</html>

运算符
赋值运算符    =
算术运算符    +    -    *    /    %    ++    --
赋值运算符    +=    -=    *=    /=    %=
字符串相加
字符串和其他类型数据相加

[展开全文]
<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
    <title>js中的变量</title>
    <script type="text/javascript">
        // var str = "Hello World! 12345678900123456789";
        // str="siki";
        // alert(str);
        // alert(str);
        // alert(str);

        // alert("Hello World! 12345678900123456789");
        // alert("Hello World! 12345678900123456789");
        // alert("Hello World! 12345678900123456789");
        // alert("Hello World!");

        //=赋值运算符  var用来定义变量的varible
        // var score = 0;
        // score = 30;
        // score = 40;
        // alert(score);

        // var score;
        // alert(score);//变量被声明,但是没有赋值undefined
        // score = 0;//变量第一次被赋值的时候称为初始化。

        // score = 0;
        // alert(score);

        // score=0;
        // alert(score);
        // score="siki";
        // alert(score);

        // var a = 100;var b = 50;var c = 20;
        // var a = 100,b = 50,c = 20;
        // alert(b);
        // alert(c);

        // var a = 100;
        // var b = 90;

        // JavaScript变量命名规则
        // 1,变量必须以字母开头
        // 2,变量也能以 $ 和 _ 符号开头(不推荐)
        // 3,变量名称对大小写敏感(y 和 Y 是不同的变量)
        // 4,不能使用关键字

        // var 1a = 100;
        // alert(1a);
        // 合法 a    a1    $a    _a    _age    $    good_price    a    A
        // 不合法 1    1a    a-
        // goodPrice    dogAge    good_price    dog_age
        // var a = 100;//function break
        // function break;
        // js关键字 https://www.runoob.com/js/js-reserved.html
        // var str = typeof(a);
        // alert(str);//number
        
        var a = 100;
        var str = typeof(a);
        console.log(str);
    </script>
</head>
<body>

</body>
</html>

JavaScript变量命名规则
1,变量必须以字母开头
2,变量也能以 $ 和 _ 符号开头(不推荐)
3,变量名称对大小写敏感(y 和 Y 是不同的变量)
4,不能使用关键字

JavaScript中的关键字
var break continue function    ...

取得变量的类型
typeof(v)

[展开全文]
<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
    <title>js中的变量</title>
    <script type="text/javascript">
        // var str = "Hello World! 12345678900123456789";
        // str="siki";
        // alert(str);
        // alert(str);
        // alert(str);

        // alert("Hello World! 12345678900123456789");
        // alert("Hello World! 12345678900123456789");
        // alert("Hello World! 12345678900123456789");
        // alert("Hello World!");

        //=赋值运算符  var用来定义变量的varible
        // var score = 0;
        // score = 30;
        // score = 40;
        // alert(score);

        // var score;
        // alert(score);//变量被声明,但是没有赋值undefined
        // score = 0;//变量第一次被赋值的时候称为初始化。

        // score = 0;
        // alert(score);

        // score=0;
        // alert(score);
        // score="siki";
        // alert(score);

        // var a = 100;var b = 50;var c = 20;
        // var a = 100,b = 50,c = 20;
        // alert(b);
        // alert(c);

        var a = 100;
        var b = 90;
    </script>
</head>
<body>

</body>
</html>

注意事项:(JavaScript是弱类型的语言)
变量声明的时候不需要指定类型
变量的类型是由这个变量里面的值决定的
变量可以存储不同类型的数据
变量的声明不是必须的
var a = 1;
b = a+100;

多个变量声明
var name1 = v1, name2 = v2, name3 = v3;

[展开全文]
<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
    <title>js中的变量</title>
    <script type="text/javascript">
        // var str = "Hello World! 12345678900123456789";
        // str="siki";
        // alert(str);
        // alert(str);
        // alert(str);

        // alert("Hello World! 12345678900123456789");
        // alert("Hello World! 12345678900123456789");
        // alert("Hello World! 12345678900123456789");
        // alert("Hello World!");

        //=赋值运算符  var用来定义变量的varible
        var score = 0;
        score = 30;
        score = 40;
        alert(score);
    </script>
</head>
<body>
    
</body>
</html>

注释:
单行注释  //
多行注释  /* */
快捷键

JavaScript中的变量
var x = 2; //变量声明语句,赋值语句
x = 3;
变量里面存储的是一个数据,使用变量,相当于使用这个变量里面的数据!
为什么不直接使用数据,而通过变量来使用呢?
var str = "Hello World!"; alert(str);
在某些情况下,我们需要存储的数据是变化的,比如玩游戏的时候的分数。

注意事项:(JavaScript是弱类型的语言)
变量声明的时候不需要指定类型
变量的类型是由这个变量里面的值决定的
变量可以存储不同类型的数据
变量的声明不是必须的
var a = 1;
b = a+100;

多个变量声明
var name1 = v1, name2 = v2, name3 = v3;

[展开全文]

JavaScript中的数字类型
数字类型就是可以直接做数学运算(加减乘除)的数据类型。
直接书写就可以了
100 -100
100.00 100.3   -90.4
123e5(12300000)  123e-5(0.00123) //科学计数法

JavaScript中的所有数据类型
字符串(string)
数字(number)
布尔(boolean)
数组(array)
对象(object)
空(null)
未定义(undefined)

JavaScript的语句
一个语句以;分号结尾

<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
    <title>js中的数据类型</title>
    <script type="text/javascript">
        /*
        字符串 string "Hello World!"
        数字 number 100 -100 100.0 100.4 100.987 -90.8

        布尔 boolean true false
        数组 array
        对象 object
        空 null
        未定义 undefined
        */
    //    alert(100);
    //    alert("100");
    alert(typeof("Hello World!"));
    alert(typeof("100"));
    alert(typeof(100));
    alert(typeof(true));
    </script>
</head>
<body>
    
</body>
</html>

 

[展开全文]

JavaScript中的字符串的规范
字符串必须使用单引号或者双引号括起来。

什么时候使用单引号,什么时候双引号呢?
(1)只使用字符的字符串(字符串不包括单引号或者双引号),单引号和双引号没有区别
(2)在包括单引号的字符串中可以直接用双引号,在包括双引号的字符串中可以直接用单引号
(3)如果在双引号包括的字符串中用双引号,需要用反斜杠转义,注意是"\"   ;同样在单引号包括的字符串中用单引号,也需要转义
(4)如果要用反斜杠,则输入‘\\’

<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
    <title>字符串</title>
    <script type="text/javascript">
        // alert("Hello World!");
        // alert('Hello World!');
        // alert("我的名字是'小明'");
        // alert('我的名字是"小明"');
        // alert("我的名字是\"小明\"");
        alert('我的名字\\是\'小明\'');
        // \\ \ \' ' \" "   转义字符
    </script>
</head>
<body>
    
</body>
</html>

 

[展开全文]

授课教师

SiKi学院老师

课程特色

下载资料(1)
视频(60)