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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • insertBefore(newnode,node);

    newnode:  要插得新节点

    node:在此节点前插

    注意:与appendchild需要指定父节点不同,insertBefore需要指定同级节点,在此节点之前插,

    查看全部
  • 多种选择(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后的语句。


    查看全部
  • if..else嵌套语句。

    语法:

    if(条件1){ 条件1成立时执行的代码}else  if(条件2){ 条件2成立时执行的代码}
    ...else  if(条件n){ 条件n成立时执行的代码}else{ 条件1、2至n不成立时执行的代码}


    查看全部
  • if...else语句是在指定的条件成立时执行代码,在条件不成立时执行else后的代码。

    语法:

    if(条件)
    { 条件成立时执行的代码}
    else
    {条件不成立时执行的代码}


    查看全部
  • if语句是基于条件成立才执行相应代码时使用的语句。

    语法:

    if(条件)
    { 条件成立时执行代码}


    查看全部
  • 创建一个新节点:var newnode=document.createElement("要创建的元素节点名称");

    给指定节点添加最后一个子节点  指定节点.appendChild(新的子节点);

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

    一维数组的表示: myarray[ ]

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

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

    注意: 二维数组的两个维度的索引值也是从0开始,两个维度的最后一个索引值为长度-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
       }
     }


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

    2018-08-30

  • Length属性表示数组的长度,即数组中元素的个数。

    因为数组的索引总是由0开始,所以一个数组的上下限分别是:0和length-1

    JavaScript数组的length属性是可变的,这一点需要特别注意。

    (

    arr.length=10; //增大数组的长度

    );

    查看全部
    1. return 的作用是退出循环体所在的函数,相当于结束该方法。

    2. break 的作用是结束循环,跳出循环体,执行后面的程序。

    3. continue 的作用是结束此次循环,进行下一次循环; 


    查看全部
    0 采集 收起 来源:访问兄弟节点

    2018-08-30

  • 数组每个值有一个索引号,从0开始。

    数组存储的数据可以是任何类型(数字、字符、布尔值等)


    查看全部
  • 使用关键字new,Date()的首字母必须大写。


    查看全部
    0 采集 收起 来源: Date 日期对象

    2018-08-30

  • var new2=getElementById("new1");

    new2.style.backgroundColor="pink";

    var new3=getElementById("new1");

    new3.removeAttribute("style");

    查看全部
  • 访问祖父节点:elementNode.parentNode.parentNode

    查看全部
  • charAt() 方法可返回指定位置的字符。返回的字符是长度为 1 的字符串。

    语法:

    stringObject.charAt(index)

    参数说明:


    注意1.字符串中第一个字符的下标是 0。最后一个字符的下标为字符串长度减一(string.length-1)。

    2.如果参数 index 不在 0 与 string.length-1 之间,该方法将返回一个空字符串。


    查看全部
  • dom模型中,HTML文档的结构是一种树形结构,包括很多节点,不同的类型有元素节点,属性节点,文本节点,注释节点,文档节点,文档类型节点,他们统称为node对象,有自己的属性和方法。

    其中node对象的属性nodeType(只读)用于获得节点的类型,返回一个数字,不同的数字代表不同类型,属性nodeName(只读)用于获得节点名称,其中文本节点是#text,文档节点是#document,属性nodeValue是获得节点的值,元素为undefined或null,文本节点是文本本身。

    查看全部
    0 采集 收起 来源:节点属性

    2018-08-29

举报

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

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