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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 在while、for、do...while、while循环中使用break语句退出当前循环,直接执行后面的代码。


    var mynum =new Array(70,80,66,90,50,100,89);//定义数组mynum并赋值

    var i=0;

    while(i<mynum.length)

    {

      if(mynum[i]<60)

       {

        document.write("成绩"+mynum[i]+"不及格,不用循环了"+"<br>");

        break;

        

       }

      document.write("成绩:"+mynum[i]+"及格,继续循环"+"<br>");

      i=i+1;

      

    }


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

    2019-01-08

  • Node.appendChild() 方法将一个节点添加到指定父节点的子节点列表末尾。

    语法:

    var child = node.appendChild(child);
    • node 是要插入子节点的父节点.

    • child 即是参数又是这个方法的返回值

    appendChild 方法会把要插入的这个节点引用作为返回值返回.

    Node.appendChild

    查看全部
  • Node.nextSibling 是一个只读属性,返回其父节点的 childNodes 列表中紧跟在其后面的节点,如果指定的节点为最后一个节点,则返回 null

    语法:

    nextNode=node.nextSibling

    备注:

    Gecko内核的浏览器会在源代码中标签内部有空白符的地方插入一个文本结点到文档中.因此,使用诸如 Node.firstChild 和 Node.previousSibling 之类的方法可能会引用到一个空白符文本节点, 而不是使用者所预期得到的节点.

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

    2019-01-08

  • createElement()方法可创建元素节点。此方法可返回一个 Element 对象。

    语法:

    document.createElement("")

    参数:

    tagName:字符串值,这个字符串用来指明创建元素的类型。

    注意:要与appendChild() 或 insertBefore()方法联合使用,将元素显示在页面中。


    查看全部
  • 返回指定的节点在DOM树中的父节点.

    语法:

    parentNode = node.parentNode

    parentNode是指定节点的父节点.一个元素节点的父节点可能是一个元素(Element )节点,也可能是一个文档(Document )节点,或者是个文档碎片(DocumentFragment)节点.

    Node.parentNode

    查看全部
  • 通过获取的mylist节点,使用访问父节点parentNode,将"HTML/CSS"课程内容输出?


    <!DOCTYPE HTML>

    <html>

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

    <title>无标题文档</title>

    </head>

    <body>

    <ul id="con">

    <li id="lesson1">javascript

      <ul> 

          <li id="tcon"> 基础语法</li>

          <li>流程控制语句</li>

          <li>函数</li>

          <li>事件</li>

          <li>DOM</li>

      </ul>

    </li>

    <li id="lesson2">das</li>

    <li id="lesson3">dadf</li>

    <li id="lesson4">HTML/CSS 

      <ul>

        <li>文字</li>

        <li>段落</li>

        <li>表单</li>

        <li>表格</li>  

      </ul> 

    </li></ul>  

    <script  type="text/javascript">    

       var mylist = document.getElementById("tcon"); 

       document.write(mylist.parentNode.parentNode.parentNode.lastChild.innerHTML)

    </script> 


    </body>

    </html>


    查看全部
  • Node.firstChild 只读属性返回树中节点的第一个子节点,如果节点是无子节点,则返回 null。

    语法:

    var childNode = node.firstChild;

    描述:

        如果有一个子节点, childNode 是节点的第一个子节点的引用,否则为null。

    查看全部
  • Node.childNodes 返回包含指定节点的子节点的集合,该集合为即时更新的集合(live collection)。

    语法:

    var ndList = elementNodeReference.childNodes;

    ndList变量为 NodeList 类型,且为只读

    Node.childNodes

    查看全部
  • replaceChild 实现子节点(对象)的替换。返回被替换对象的引用。

    语法:

    node.replaceChild (newnode,oldnew )

    父节点.replaceChild(新子节点, 旧子节点);

    参数:

    newnode : 必需,用于替换 oldnew 的对象。 
    oldnew : 必需,被 newnode 替换的对象。


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

    查看全部
  • while循环重复执行一段代码,直到某个条件不再满足。

    var mynum =1;//mynum初值化数值为1

       while(mynum<=5)

      {

    document.write("数字:"+mynum);

        mynum=mynum+1;

       }


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

    var myweek =3;//myweek表示星期几变量

     switch(myweek)

    {

     case 1:

     case 2:

     document.write("学习理念知识");

     break;

     case 3:

     case 4:

     document.write("到企业实践");

     break;

     case 5:

     document.write("总结经验");

     break;

     case 6:

     default:

     document.write("周六、日休息和娱乐");

    }


    查看全部
  • 动态修改数据库
    查看全部
    0 采集 收起 来源:编程练习

    2019-01-08

  • 返回上一个浏览的页面

    window.history.back();

    返回下一个浏览的页面

    window.history.forward();

    查看全部
  • 在文档对象模型 (DOM) 中,每个节点都是一个对象。DOM 节点有三个重要的属性 :

    1. nodeName : 节点的名称

    2. nodeValue :节点的值

    3. nodeType :节点的类型

    一、nodeName 属性: 节点的名称,是只读的。

    1. 元素节点的 nodeName 与标签名相同
    2. 属性节点的 nodeName 是属性的名称
    3. 文本节点的 nodeName 永远是 #text
    4. 文档节点的 nodeName 永远是 #document

    二、nodeValue 属性:节点的值

    1. 元素节点的 nodeValue 是 undefined 或 null
    2. 文本节点的 nodeValue 是文本自身
    3. 属性节点的 nodeValue 是属性的值

    三、nodeType 属性: 节点的类型,是只读的。以下常用的几种结点类型:

    元素类型    节点类型
      元素          1
      属性          2
      文本          3
      注释          8
      文档          9

    Node.nodeName

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

    2019-01-07

举报

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

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