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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 也就是说两个操作数通过比较操作符进行比较,得到值为真(true)和假(false)。

    查看全部
  • if(ticket==true) else
    查看全部
  • if(mypen==“black”)
    查看全部

  • <!DOCTYPE  HTML>

    <html >

    <head>

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

    <title>数组</title>

    <script type="text/javascript">

     //创建数组

     var arr = new Array();

     //显示数组长度

     for(var i=0; i<=4;i++){

         for(var j=0; j<i; j++){

            document.write("*"); 

         }

        document.write("<br/>");

     }

     

     //将数组内容输出,完成达到的效果。



    </script>

    </head>

    <body>

    </body>

    </html>


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

    2019-08-12

  • ++a 意思是a自增1再赋值与a

    如a=5    a++=6

    --a同理

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

    2019-08-12

  • 删除节点removeChild()

    removeChild() 方法从子节点列表中删除某个节点。如删除成功,此方法可返回被删除的节点,如失败,则返回 NULL。

    语法:

    nodeObject.removeChild(node)

    https://img1.sycdn.imooc.com//5d5100f2000153a306060342.jpg

    运行结果:

    HTML删除节点的内容: javascript

    注意: 把删除的子节点赋值给 x,这个子节点不在DOM树中,但是还存在内存中,可通过 x 操作。

    如果要完全删除对象,给 x 赋 null 值,代码如下:

    https://img1.sycdn.imooc.com//5d51013500017c8e04790082.jpg

    查看全部
  • 正常代码:

    <!DOCTYPE HTML>

    <html>

    <head>

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

    <title>计时器</title>

    <script type="text/javascript">

       function clock(){

          var time=new Date();                  

          document.getElementById("clock").value = time;

       }

       var i=setInterval("clock()",100);

    </script>

    </head>

    <body>

      <form>

        <input type="text" id="clock" size="50"  />

        <input type="button" value="Stop" onClick="clearInterval(i)"/>

      </form>

    </body>

    </html>


    添加start开始代码

    <!DOCTYPE HTML>

    <html>

    <head>

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

    <title>计时器</title>

    <script type="text/javascript">

       function clock(){

          var time=new Date();                  

          document.getElementById("clock").value = time;

       }

    var i = setInterval(clock,1000); 

    function start(){

      i = setInterval(clock,1000);

    }

    </script>

    </head>

    <body>

      <form>

        <input type="text" id="clock" size="50"  />

        <input type="button" value="Stop" onClick="clearInterval(i)" />

        <input type="button" value="start" onClick="start()" />

      </form>

    </body>

    </html>


    查看全部
  • 插入节点insertBefore()

    insertBefore() 方法可在已有的子节点前插入一个新的子节点。

    语法:

    insertBefore(newnode,node);

    参数:

    newnode: 要插入的新节点。

    node: 指定此节点前插入节点。

    https://img1.sycdn.imooc.com//5d502dad00010c6806960431.jpg

    查看全部
  • 节点属性

    在文档对象模型 (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


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

    2019-08-11

  • 访问兄弟节点

    1. nextSibling 属性可返回某个节点之后紧跟的节点(处于同一树层级中)。

    语法:

    nodeObject.nextSibling

    说明:如果无此节点,则该属性返回 null。

    2. previousSibling 属性可返回某个节点之前紧跟的节点(处于同一树层级中)。

    语法:

    nodeObject.previousSibling

    说明:如果无此节点,则该属性返回 null。

    注意: 两个属性获取的是节点。Internet Explorer 会忽略节点间生成的空白文本节点(例如,换行符号),而其它浏览器不会忽略。

    解决问题方法:

    判断节点nodeType是否为1, 如是为元素节点,跳过。

    https://img1.sycdn.imooc.com//5d4fa3a300012cdd07010856.jpg

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

    2019-08-11

  • 访问父节点parentNode

    获取指定节点的父节点

    语法:

    elementNode.parentNode

    注意:父节点只能有一个。

    看看下面的例子,获取 P 节点的父节点,代码如下:

    <div id="text">   <p id="con"> parentNode 获取指点节点的父节点</p> </div>  <script type="text/javascript">   var mynode= document.getElementById("con");   document.write(mynode.parentNode.nodeName); </script>

    运行结果:

    parentNode 获取指点节点的父节点 DIV

    访问祖节点:

    elementNode.parentNode.parentNode

    注意: 浏览器兼容问题,chrome、firefox等浏览器标签之间的空白也算是一个文本节点。

    查看全部
  • 访问子节点的第一和最后项

    一、firstChild 属性返回‘childNodes’数组的第一个子节点。如果选定的节点没有子节点,则该属性返回 NULL。

    语法:

    node.firstChild

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

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

    语法:

    node.lastChild

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


    查看全部
  • 网页卷去的距离与偏移量

    与滚动条移动的距离有关,显示偏移量的值为正

    查看全部
  • offsetHeight和offsetWidth,获取网页内容高度和宽度(包括滚动条等边线,会随窗口的显示大小改变)

    offsetHeight = clientHeight + 滚动条 + 边框

    查看全部
  • 获取网页尺寸scrollHeight,scrollWidth

    scrollHeight 是网页内容高度,不过最小值是 clientHeight。也就是说网页内容实际高度小于 clientHeight 时,scrollHeight 返回 clientHeight 

    查看全部

举报

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

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