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

制作完成于2018年6月14日

价格 免费

main{

int [][] a=new a[5][5];

int [][] a={dasd{},asdasd}

a[0][0]=20;

a...

 

[展开全文]

字符串:

字符串可以为单引号也可以为双引号;

单引号需要嵌套在双引号里面," ' ' "

[展开全文]

alert(typeof("类型"))

typeof:可判断数据类型

 

 

布尔 boolean true false

数组 number

数组 array

对象 object

空 null

未定义 

[展开全文]
<script type="text/javascript">
		var s="好好学习,天天向上"
	    alert(s);
		alert(s);
	    alert(s);
	

 

[展开全文]

    var ad=/[12345]/;
        var ad1=/^[12345]&/;
        console.log(ad.test("1"));
        console.log(ad.test("2"));
        console.log(ad.test("4"));
        console.log(ad.test("66"));
        console.log(ad1.test("88"));

[展开全文]

    function user(name,sex,age){
            this.name=name;
            this.sex=sex;
            this.age=age;
            this.show= function(){
             console.log(this.name+":"+this.sex+":"+this.age);
         }
        }    
       user1=new user("小莉","女",20);
       user2=new user("小馨","男",21);
        for(key in user1){
            console.log(key +":"+user1[key]);
        }
        user1.show();
        user2.show();

[展开全文]
<!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;

[展开全文]
<!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;

[展开全文]

匿名函数

function at(attackmode){

    attackmode();

 

}

at(function(){//函数作为参数

}); //使用

[展开全文]
<!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>算数运算符</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>流程控制-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>流程控制-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("继续");

        // 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("继续");

        // 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)    表示满足其中一个条件

[展开全文]

授课教师

SiKi学院老师

课程特色

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