为了账号安全,请及时绑定邮箱和手机立即绑定
慕课网数字资源数据库体验端
JavaScript进阶篇_学习笔记_慕课网
为了账号安全,请及时绑定邮箱和手机立即绑定

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 1. 当 oldnode 被替换时,所有与之相关的属性内容都将被移除。 


     newnode.innerHTML=oldnode.innerHTML;


    查看全部
  • 主要事件表53e198540001b66404860353.jpg

    查看全部
    0 采集 收起 来源:什么是事件

    2018-11-28

  • 操作符之间的优先级(高到低):

    算术操作符 → 比较操作符 → 逻辑操作符 → "="赋值符号

    //先计算,再比较,然后逻辑运算,最后赋值。

    //操作符之间的优先级(高到低):

    //算术操作符  比较操作符  逻辑操作符  "="赋值符号

    //如果同级的运算是按从左到右次序进行,多层括号由里向外

    var numa=3;
    var numb=6;
    jq= numa + 30 >10 && numb * 3<2;  //结果为false

    // 分析 numa+30, 33>10,true; numb 6*3等于18,18<2,false

    ture && false,结果为false

    查看全部
  • 多种选择(Switch语句)

    当有很多种选项的时候,switch比if else使用更方便。

    语法:

    switch(表达式) { case值1:   执行代码块 1   break; case值2:   执行代码块 2   break; ... case值n:   执行代码块 n   break; default:   与 case值1 、 case值2...case值n 不同时执行的代码 }
     

    语法说明:

    Switch必须赋初始值,值与每个case值匹配。满足执行该 case 后的所有语句,并用break语句来阻止运行下一个case。如所有case值都不匹配,执行default后的语句。

    假设评价学生的考试成绩,10分满分制,我们按照每一分一个等级将成绩分等,并根据成绩的等级做出不同的评价。

    代码如下:

    执行结果:

    评语: 及格,加油!
     

    注意:记得在case所执行的语句后添加上一个break语句。否则就直接继续执行下面的case中的语句,看以下代码:

    执行结果:

    评语: 继续努力! 评语: 及格,加油! 评语: 凑合,奋进 评语: 很棒,很棒 评语: 高手,大牛
     

    在上面的代码中,没有break停止语句,如果成绩是4分,则case 5后面的语句将会得到执行,同样,case6、7-10后面的语句都会得到执行。

    查看全部
  • //是非颠倒 "!非"。

    //"真(true)"返回"假(false),"假(false)"返回"真(true)"

    // 假亦真时真亦假

    var a=3, b=5, c;

    c=!(b>a); 

    c=!(b<a);

    //b>a的值是true, !(b>a)值是false;

    //b<a的值是false,!(b<a)的值是true;

    查看全部
  • //逻辑与操作符 "||或"

    //A || B 

    // var a=3, b=5, c;

    //c=b>a || a>b 

    //“||”是或的意思, b>a 是true, a>b是flase, c是true.

    //表示满足两个中任意一条件,执行结果"真(ture)"; 两个条件都不满足结果"假(flase)"


    查看全部
  • 编程练习

    使用Javascript语言,把以下数组

       var  arr = ['*','##',"***","&&","****","##*"];

       arr[7] = "**";

    在页面显示如下图所示的图案:

    *

    **

    ***

    **** 

    任务

    第一步:定义一个数组,存储要展示的图形。

    提示:    var  arr = ['*','##',"***","&&","****","##*"];    arr[7] = "**";

    第二步:预想一下arr 数组的长度是多少?     

    提示: 使用alert弹出数组的长度,看看是否跟自己的答案一样。

    第三步:将数组内容输出,完成达到的效果。

     提示: 想在不同行显示不同数组内容,别忘记<br/>换行标签。


    查看全部
    0 采集 收起 来源:编程练习

    2018-11-28

  • 关键字,保留字529c07c000014f5103080447.jpg

    查看全部
  • 二维数组

    一维数组,我们看成一组盒子,每个盒子只能放一个内容。

    一维数组的表示: myarray[ ]

    二维数组,我们看成一组盒子,不过每个盒子里还可以放多个盒子。

    二维数组的表示: myarray[ ][ ]

    注意: 二维数组的两个维度的索引值也是从0开始,两个维度的最后一个索引值为长度-1。 

    1. 二维数组的定义方法一

    var myarr=new Array();  //先声明一维  for(var i=0;i<2;i++){   //一维长度为2    myarr[i]=new Array();  //再声明二维     for(var j=0;j<3;j++){   //二维长度为3    myarr[i][j]=i+j;   // 赋值,每个数组元素的值为i+j    }  }


    注意: 关于for 循环语句,请看第四章4-5 。

    将上面二维数组,用表格的方式表示:

    2. 二维数组的定义方法二

    var Myarr = [[0 , 1 , 2 ],[1 , 2 , 3]]

    3. 赋值

    myarr[0][1]=5; //将5的值传入到数组中,覆盖原有值。

    说明: myarr[0][1] ,0 表示表的行,1表示表的列。

     

    任务

    试一试,创建二维数组(一维长度3,二维长度6),值为一维数组和二维数组索引值的积,如myarr[2][5]=2*5。

    在右边编辑器的script标签内,创建该二维数组。



    查看全部
    0 采集 收起 来源:二维数组

    2018-11-28

  • 21312312132

    查看全部
    0 采集 收起 来源:编程练习

    2018-11-27

  • 数组排序sort()

    sort()方法使数组中的元素按照一定的顺序排列。

    语法:

    arrayObject.sort(方法函数)

    参数说明:方法函数是可选的,规定排序顺序,必须是函数!

    1.如果不指定<方法函数>,则按unicode码顺序排列。

    2.如果指定<方法函数>,则按<方法函数>所指定的排序方法排序。



    查看全部
    0 采集 收起 来源: 数组排序sort()

    2018-11-27

  • 选定元素slice()

    slice() 方法可从已有的数组中返回选定的元素。

    语法:

    arrayObject.slice(start,end)

    start:必选 end:可选

    1. 返回一个新的数组,包含从 start 到 end (不包括该元素)的 arrayObject 中的元素。

    2. .该方法并不会修改数组,而是返回一个子数组。

    注意:

    1. 可使用负值从数组的尾部选取元素。

    2.如果 end 未被规定,那么 slice() 方法会选取从 start 到数组结尾的所有元素。

    3. String.slice() 与 Array.slice() 相似。



    查看全部
    0 采集 收起 来源:选定元素slice()

    2018-11-27

  • 颠倒数组元素顺序reverse()

    reverse() 方法用于颠倒数组中元素的顺序。

    语法:

    arrayObject.reverse()

    注意:该方法会改变原来的数组,而不会创建新的数组。

    查看全部
  • 指定分隔符连接数组元素join()

    join()方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。
    arrayObject.join(分隔符)
    注意:分隔符是可选参数。如果省略该参数,则使用逗号作为分隔符。
    注意:返回一个字符串,该字符串把数组中的各个元素串起来,用<分隔符>置于元素与元素之间。这个方法不影响数组原本的内容。


    查看全部
  • concat() 方法用于连接两个或多个数组。此方法返回一个新数组,不改变原来的数组。

    语法:arrayObject.concat(array1,array2,...,arrayN)

    注意:  该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本。

    查看全部

举报

0/150
提交
取消
课程须知
你需要具备HTML、css基础知识,建议同学们也可以想学习下js入门篇,快速认识js,熟悉js基本语法,更加快速入手进阶篇!
老师告诉你能学到什么?
通过JavaScript学习,掌握基本语法,制作简单交互式页面
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!