为了账号安全,请及时绑定邮箱和手机立即绑定

JavaScript进阶篇

难度入门
时长 8小时55分
学习人数
综合评分9.47
2557人评价 查看评价
9.7 内容实用
9.4 简洁易懂
9.3 逻辑清晰
  • Math对象,提供对数据的数学计算。

    532fe7cf0001e7b505170269.jpg

    532fe841000174db05160622.jpg

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

    2020-03-27

  • substr() 方法从字符串中提取从 startPos位置开始的指定数目的字符串。

    语法:

    stringObject.substr(startPos,length)

    注意:如果参数startPos是负数,从字符串的尾部开始算起的位置。也就是说,-1 指字符串中最后一个字符,-2 指倒数第二个字符,以此类推。

    如果startPos为负数且绝对值大于字符串长度,startPos为0。

    使用 substr() 从字符串中提取一些字符,代码如下:

    <script type="text/javascript">
      var mystr="I love JavaScript!";
      document.write(mystr.substr(7));
      document.write(mystr.substr(2,4));
    </script>

    运行结果:

    JavaScript!love


    查看全部
  • substring() 方法用于提取字符串中介于两个指定下标之间的字符。

    语法:

    stringObject.substring(startPos,stopPos)

    注意:

    1. 返回的内容是从 start开始(包含start位置的字符)到 stop-1 处的所有字符,其长度为 stop 减start。

    2. 如果参数 start 与 stop 相等,那么该方法返回的就是一个空串(即长度为 0 的字符串)。

    3. 如果 start 比 stop 大,那么该方法在提取子串之前会先交换这两个参数。

    使用 substring() 从字符串中提取字符串,代码如下:

    <script type="text/javascript">
      var mystr="I love JavaScript";
      document.write(mystr.substring(7));
      document.write(mystr.substring(2,6));
    </script>

    运行结果:

    JavaScript
    love


    查看全部
  • split() 方法将字符串分割为字符串数组,并返回此数组。

    语法:

    stringObject.split(separator,limit)

    使用指定符号分割字符串,代码如下:

    var mystr = "www.imooc.com";
    document.write(mystr.split(".")+"<br>");
    document.write(mystr.split(".", 2)+"<br>");

    运行结果:

    www,imooc,com
    www,imooc


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

    语句结构:

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


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


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

    2020-03-26

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


    查看全部
  • while(判断条件){
        循环语句
     }


    查看全部
  • for(初始化变量;循环条件;循环迭代)
    {     
        循环语句 
     }


    查看全部
  • switch(表达式){case值1:
      执行代码块 1  break;case值2:
      执行代码块 2  break;...case值n:
      执行代码块 n  break;default:
      与 case值1 、 case值2.


    查看全部
  • Jq1 = 5+30>10&& 2*3 <20

      = 5+30>10&& 6 <20

      = 35>10&& 1

    = 1&& 1

    =1

    21

    查看全部
  • # 获取兄弟节点无法用到children,所以.previousSibling时无可避免要选到前一个nodeValue3文本元素

    所以应该判断,当K!=1,即为3文本元素时,再赋值一次K,再上一层

    即k=k.previousSibling;

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

    2020-03-26

  • 一、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 采集 收起 来源:节点属性

    2020-03-26

  • function checkall(){

                var hobby = document.getElementsByTagName("input");

               for(i=0;i<hobby.length;i++){

                   hobby[i].checked=true;

               }

                 // 任务1 

               

            }

            function clearall(){

                var hobby = document.getElementsByName("hobby");

                for(i=0;i<hobby.length;i++){

                    hobby[i].checked=false;

                }

             // 任务2    

                

            }

            

            function checkone(){

                var j=parseInt(document.getElementById("wb").value);

                 var hobby = document.getElementsByName("hobby");

                for(i=0;i<hobby.length;i++){

                    hobby[i].checked='';

                    hobby[j-1].checked=true;

                }

             // 任务3

            

            }


    查看全部
  • <!DOCTYPE html>

    <html lang="en">


    <head>

        <meta charset="UTF-8">

        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <title>Document</title>

        <script>

            window.onload = function () {

                var time = 5;

                var oTxt = document.getElementsByTagName("span")[0];

                timer = setInterval(function () {

                    time --;

                    oTxt.innerHTML = time;

                    if (time == -1) {

                    clearInterval(timer)

                    oTxt.innerHTML = '';

                }

                }, 1000)

               

                setTimeout(function () {

                    window.open("http://www.imooc.com", "_blank")

                }, 6000)


                var oA=document.getElementsByTagName("a")[0];

                oA.onclick=function(){

                    window.history.go(-1);

                }


            }


        </script>

    </head>


    <body>

        <h1>操作成功</h1>

        <h2><span>5</span>秒后回到主页<a href="#target1">返回</a><a name="target1"></a> </h2>

    </body>


    </html>


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

    2020-03-26

举报

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

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

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