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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • continue的作用是仅仅跳过本次循环,而整个循环体继续执行。

    语句结构:

    for(初始条件;判断条件;循环后条件值更新)
    {
      if(特殊情况)
      { continue; }
     循环代码
    }


    查看全部
  • 退出循环break

    在while、for、do...while、while循环中使用break语句退出当前循环,直接执行后面的代码。

    格式如下:

    for(初始条件;判断条件;循环后条件值更新) {   if(特殊情况)   {break;}   循环代码 }


    查看全部
    0 采集 收起 来源:退出循环break

    2019-06-27

  • do while结构的基本原理和while结构是基本相同的,但是它保证循环体至少被执行一次。因为它是先执行代码,后判断条件,如果条件为真,继续循环。

    do...while语句结构:

    do{
        循环语句
     }while(判断条件)

    先执行代码,后判断语句!!!

    查看全部
  • 语法:

    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后的语句。


    查看全部
  • 二维数组的定义方法一

    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
       }
     }
     
     二维数组的定义方法二var Myarr = [[0 , 1 , 2 ],[1 , 2 , 3]]


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

    2019-06-27

  • 用简单的方法创建上面的数组和赋值:

    第一种方法:

    var myarray = new Array(66,80,90,77,59);//创建数组同时赋值

    第二种方法:

     var myarray = [66,80,90,77,59];//直接输入一个数组(称 “字面量数组”)

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


    查看全部
  • 操作符之间的优先级为:

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


    查看全部
  • JavaScript 中的所有事物都是对象,如:字符串、数值、数组、函数等,每个对象带有属性和方法。

    对象的属性:反映该对象某些特定的性质的,如:字符串的长度、图像的长宽等;

    对象的方法:能够在对象上执行的动作。例如,表单的“提交”(Submit),时间的“获取”(getYear)等;

    JavaScript 提供多个内建对象,比如 String、Date、Array 等等,使用对象前先定义,如下使用数组对象:

      var objectName =new Array();//使用new关键字定义对象或者
      var objectName =[];

    访问对象属性的语法:

    objectName.propertyName

    如使用 Array 对象的 length 属性来获得数组的长度:

    var myarray=new Array(6);//定义数组对象var myl=myarray.length;//访问数组长度length属性

    以上代码执行后,myl的值将是:6

    访问对象的方法:

    objectName.methodName()

    如使用string 对象的 toUpperCase() 方法来将文本转换为大写:

    var mystr="Hello world!";//创建一个字符串var request=mystr.toUpperCase(); //使用字符串对象方法


    查看全部
    0 采集 收起 来源:什么是对象

    2019-06-26

  • 非真即假,非假即真。

    逻辑非操作符值表:


    查看全部
  • 逻辑或操作符值表:

    注意: 如果A为真,A || B为真,不会在执行B; 反之,如果A为假,要由 B 的值来决定 A || B 的值。


    查看全部
  • “&&”是逻辑与操作符,只有“&&”两边值同时满足(同时为真),整个表达式值才为真。

    逻辑与操作符值表:

    注意: 如果A为假,A && B为假,不会在执行B; 反之,如果A为真,要由 B 的值来决定 A && B 的值。


    查看全部
  • numa++ : 变量numa值加1后,再赋值给numa

    numb-- : 变量numb值减1后,再赋值给numb

    查看全部
  • 练习没有成功的原因:

    var tr = document.getElementsByTagName("tr");

    备注:getElementsByTagName写少了s 。


    错误:tr.parentNode = document.getElementById("table");


    正确:var tab = document.getElementById("table");

    备注 :直接赋值给变量 tab就行,不需要赋值给tr的父节点。


    错误:for(i=0;i<tr[i].length;i++)

    备注:tr[i].length是错的,正确是tr.length


    del.innerHTML = "<a href='javascript:;' onclick='remove(this)'>删除</a>";


    备注:双引号里只能用单引号,否则无法使用。


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

    2019-06-26

  • 【删除函数】:

    怎么查找需要删除的节点 ?

    1 接受参数,取名叫obj,调用这个函数的时候传入的是什么,obj就是甚么,比如调用bgcChange()时传入tr[i],obj就是tr[i] 调用del()时传入this,obj就是this


    2  function del(obj){

             var tr=obj.parentNode.parentNode;

             tr.parentNode.removeChild(tr);

         }

    obj是<a>标签,父节点是<td>,祖节点是<tr>,要删除的是tr,因此还要再获取tr的父节点<table>,从<table>中删除tr


    3 当使用onclick="del(this)"的时候,解释器会给他包装一个匿名函数,变成了:

    a.onclick = function anonymous() 

    del(this); 

    这个this指的就是a这个对象,而使用href的方式时,由于是一个地址,这个this就无处可指了。 


    4 this字面意思就是‘这个’,用法比较多,注意:this是个对象,在这里就代替了del(obj)中的形参obj,是事件。


    错误:document.removeChild(tr);

    正确:tr.parentNode.removeChild(tr);

    备注:需要tr的父节点也就是table来删除子节点<tr> 。


    【添加函数】:

    js里tr怎么添加td?

    答:没有办法添加,只有创建子节点td。


    备注:除了要添加tr和td外,还要添加删除最后一行的函数。


    为什么要声明num = 2?

    答:已知是从第二行开始新建节点;所以声明num=2,函数内设置num++(每调用一次函数,num自+1)。


    bgcChange(tr[i]);是什么意思?

    答:bgcChange函数名

    bgcChange(tr[i])调用函数

    tr[i] 是参数



    【添加背景颜色】

    怎么给每行绑定?

    用for循环。


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

    2019-06-26

  • ++a是先自增再执行表达式,执行表达式时使用的是自增后的a;

    a++是先执行表达式后再自增,执行表达式时使用的是a的原值,下一行代码才会改变


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

    2019-06-25

举报

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

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