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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 删除节点removeChild()

    删除的子节点可以赋值给其他变量,这个子节点不在DOM树中,但是还存在内存中,可通过 其他变量操作,如果要完全删除对象,给 变量 赋 null 值,如下

    539975a800017c8e04790082.jpg

    查看全部
  • 1.firstChild 属性返回‘childNodes’数组的第一个子节点。如果选定的节点没有子节点,则该属性返回 NULL

    与elementNode.childNodes[0]是同样的效果。

    2. lastChild 属性返回‘childNodes’数组的最后一个子节点。如果选定的节点没有子节点,则该属性返回 NULL

    与elementNode.childNodes[elementNode.childNodes.length-1]是同样的效果。 

    查看全部
  • 访问子节点childNodes

    访问选定元素节点下的所有子节点的列表,返回的值可以看作是一个数组,他具有length属性。

    语法:

    elementNode.childNodes

    注意:

    如果选定的节点没有子节点,则该属性返回不包含节点的 NodeList。

    注意:

    1. IE全系列、firefox、chrome、opera、safari兼容问题

    2. 节点之间的空白符,在firefox、chrome、opera、safari浏览器是文本节点,所以IE是3,其它浏览器是7,如下图所示:

    如果把代码改成这样:

    <ul><li>javascript</li><li>jQuery</li><li>PHP</li></ul>

    运行结果:(IE和其它浏览器结果是一样的)

      UL子节点个数:3
      节点类型:1


    查看全部
  • //任何时刻可以不断向数组增加新元素

    var myarray=new Array();

     myarray[0]=88;

     myarray[1]=90;

     myarray[2]=68;

     myarray[3]=99;

    //使用一个新索引,为数组增加一个新元素
    myarray[4]=88; 
    myarray[5]=89;
    //....


    查看全部
  • //数组存储任何类型的数据(数字、字符、布尔值);

    //数组的表达方式:

    var myarr = new Array(3);

    myarr[0] = 88;

    myarr[1] = 90;

    myarr[2] = 68;

    var myarr = new Array(88, 90, 67); //创建数组同时赋值

    var myarr = [88, 90, 66]; //直接输入一个数组

    查看全部
  • var myarr = new Array();    //创建数组
    var myarr = new Array(5);    //创建数组,存储5个数据
    document.write("数组值为:" + myarr[0] + "<br>"); //输入undefined
    document.write("数组值为:" + myarr);   //输入5个空数据
    查看全部
  •  Img

    专门用于显示图片。

    1.5.2.3.1常用属性

    alt:当图片加载失败时的提示文本

    title:当鼠标悬停时的提示文本

    <img alt="阿黛尔" title="阿黛尔" src="https://gss3.bdstatic.com/-Po3dSag_xI4khGkpoWK1H


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

    2018-11-28

  • lert  弹框输出

    document.write  文本输出

    confirm  弹框,带确定取消的


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

    2018-11-28

  • //数组是一个值的集合,每个值都有一个索引号,从0开始每个索引都有相对应值。可根据需要添加更多数值

    var myarr = new Array(); //定义数组

    myarr[0] = 80;

    myarr[1] = 60;

    //var myarr = new Array(80, 60 ); //定义数组, 声明时赋值

    查看全部
  • 退出循环break

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

    格式如下:

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

    当遇到特殊情况的时候,循环就会立即结束。看看下面的例子,输出10个数,如果数值为5,就停止输出。

     

    执行结果:

    注:当num=5的时候循环就会结束,不会输出后面循环的内容。



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

    2018-11-28

  • window对象方法535483720001a54506670563.jpg

    查看全部
    0 采集 收起 来源:window对象

    2018-11-28

  • //b = 100%7, 取余数即 100/7=14余2, b=2

    sum = ((++a) +3 / (2 - (--b)) *3;

    //赋值之前计算 ++a, --b

    //优先级: 计算、比较、逻辑、赋值

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

    2018-11-28

  • 反反复


    复(while循环)

    和for循环有相同功能的还有while循环, while循环重复执行一段代码,直到某个条件不再满足。

    while语句结构:

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

    使用while循环,完成从盒子里取球的动作,每次取一个,共6个球。

    <script type="text/javascript"> var num=0;  //初始化值 while (num<=6)   //条件判断 {   document.write("取出第"+num+"个球<br />");   num=num+1;  //条件值更新 } </script>
                                                   

    任务

    我们使用while语句,输出5个数字。补充第8行代码。

    查看全部
  • 要与appendChild() 或 insertBefore()方法联合使用,将元素显示在页面中。

    main.appendChild(a);

    查看全部
  • 重复重复(for循环)

    很多事情不只是做一次,要重复做。如打印10份试卷,每次打印一份,重复这个动作,直到打印完成。这些事情,我们使用循环语句来完成,循环语句,就是重复执行一段代码。

    for语句结构:

    for(初始化变量;循环条件;循环迭代) {  
            循环语句  
             }

    假如,一个盒子里有6个球,我们每次取一个,重复从盒中取出球,直到球取完为止。

    <script type="text/javascript"> var num=1; for (num=1;num<=6;num++)  //初始化值;循环条件;循环后条件值更新 {   document.write("取出第"+num+"个球<br />"); } </script>

     

    结果:

    执行思路:

    任务

    我们有1,2,3...10不同面值的钱,使用for语句完成合计,看看我们一共有多少钱,请补充第8行代码,实现该功能。


    查看全部

举报

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

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