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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • /*竖向tab标签*/
    .cx-h-tab{
        flex-wrap:nowrap;-ms-flex-wrap:nowrap;-webkit-flex-wrap:nowrap
    }
    .cx-h-tab-l{
        flex-grow: 0;
        border: 1px solid #dfdfdf;
        border-right: none;
    }
    .cx-h-tab-r{
        flex-grow: 2;
        padding: 10px;
        border: 1px solid #dfdfdf;
    }
    .cx-h-tab-con{
        width: 100%;
        display: none;
    }
    .cx-h-tab .cx-h-tab-title{
        display: flex;
        cursor: pointer;
        flex-grow: 1;
        font-size: 1.6rem;
        justify-content:center;-webkit-justify-content:center;
        align-items:center;-webkit-align-items:center;
        border-bottom: 1px solid #dfdfdf;
    }
    .cx-h-tab .cx-h-tab-title:last-child{
        border-bottom: none;
    }
    .cx-h-tab .cx-h-tab-title.open{
        background: #0ae;
        color: #fff;
        border-right: 1px solid #0ae;
        border-bottom: none;
    }
    .cx-h-tab-con.open{
        display: block;
    }

    查看全部
    0 采集 收起 来源:让你认识JS

    2019-06-12

  • 节点属性

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

  • 父子层级关系https://img1.sycdn.imooc.com//5d005ea00001f59503990297.jpg

    查看全部
  • 二维数组的两个维度的索引值也是从0开始,两个维度的最后一个索引值为长度-1。

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

    2019-06-11

  • for循环中条件可以不写但要保留分号

    <script type="text/JavaScript">
    for(;mymoney<=10;mymoney++)
    {   
    sum= sum + mymoney;
    }
    </script>
    for(;循环条件;循环迭代)
    {     
        循环语句 
     }


    查看全部
  • 数组就是可以储存多个数据的变量

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

    查看全部
  • 操作符之间的优先级(高到低):

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


    查看全部
  • 要创建一个运行于无穷循环中的计数器,我们需要编写一个函数来调用其自身。在下面的代码,当按钮被点击后,输入域便从0开始计数。

    <!DOCTYPE HTML>
    <html>
    <head>
    <script type="text/javascript">
    var num=0;
    function numCount(){
     document.getElementById('txt').value=num;
     num=num+1;
     setTimeout("numCount()",1000);
     }
    </script>
    </head>
    <body>
    <form>
    <input type="text" id="txt" />
    <input type="button" value="Start" onClick="numCount()" />
    </form>
    </body>
    </html>

    运行并不正确

    查看全部
  • switch语句和for循环语句互相嵌套时,要注意break;语句的作用域。

    把for定义到一个function里,放到switch下边去执行。

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

    2019-06-10

  • 字符串需要引号"",数值不用,布尔值不用


    查看全部
  • "="号的作用是给变量赋值,不是等于号。

    查看全部
    1. 必须以字母、下划线或美元符号开头,后面可以跟字母、下划线、美元符号和数字。

    2. 变量名区分大小写,如:A与a是两个不同变量。

    3. 不允许使用JavaScript关键字和保留字做变量名。

    查看全部
  • 从编程角度讲,变量是用于存储某种/某些数值的存储器

    查看全部
    0 采集 收起 来源:什么是变量

    2019-06-10

  • 继续循环continue

    continue的作用是仅仅跳过本次循环,而整个循环体继续执行。

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


    查看全部

举报

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

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