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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
最热 最新
  • 域若兮

    在执行时,从载入页面后每隔指定的时间执行代码。

    语法:

    setInterval(代码,交互时间);

    参数说明：

    1. 代码：要调用的函数或要执行的代码串。

    2. 交互时间：周期性执行或调用表达式之间的时间间隔，以毫秒计（1s=1000ms）。

    返回值:

    一个可以传递给 clearInterval() 从而取消对"代码"的周期性执行的值。

    调用函数格式(假设有一个clock()函数):

    setInterval("clock()",1000)
或
setInterval(clock,1000)


    查看全部
    0 采集 收起 来源：计时器setInterval()

    2018-08-07

  • 域若兮

    JS计时器--计时器类型：

    一次性计时器：仅在指定的延迟时间之后触发一次。
    间隔性触发计时器：每隔一定的时间间隔就触发一次。
    计时器方法：


    查看全部
    0 采集 收起 来源：JavaScript 计时器

    2018-08-07

  • 域若兮

    window对象是BOM的核心，window对象指当前的浏览器窗口。

    window对象方法:


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

    2018-08-07

  • 四年十六季

    js中换行

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

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

    2018-08-07

  • 吃定这口饭了

    读取子串

    :

    substring(起始位置,结束末尾位置)

    substr(起始位置,子串长度)

    其中第二个参数不写均读至末尾。

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

    2018-08-07

  • 吃定这口饭了

    <!DOCTYPE html>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>string对象 </title>
    <script type="text/javascript">
      var mystr="Hello World!"
      var j = -1;
      for(var count = 0;count < 2;count++){
          j = mystr.indexOf("o",j+1);
      }
      document.write(j);
    </script>
    </head>
    <body>
    </body>
    </html>

    查看全部
    0 采集 收起 来源：返回指定的字符串首次出现的位置

    2018-08-07

  • 最爱是雪碧_球球

    计时器延迟

    <!DOCTYPE HTML>

    <html>

    <head>

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

    <title>计时器</title>

    <script type="text/javascript">

            var num=0;

            function startCount() {

              document.getElementById('count').value=num;

              num=num+1;

              var no=setTimeout("startCount()",1000);

              

          

               

            }

            

          </script>

          </head>

          <body>

          <form>

          <input type="text" id="count" readonly="readonly"/>

          <input type="button" id="nocount" value="开始计数" onclick="startCount()"/>

          

          </form>

          </body>

    </html>


    查看全部
    0 采集 收起 来源：计时器setTimeout()

    2018-08-07

  • 四年十六季

    操作符之间的优先级：高-低

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

    查看全部
    0 采集 收起 来源：保持先后顺序(操作符优先级）

    2018-08-07

  • 吃定这口饭了 
    <!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title> 事件</title>
    <script type="text/javascript">
        function count(){

            //获取第一个输入框的值
            var num1 = parseInt(document.getElementById("txt1").value);
            //获取第二个输入框的值
            var num2 = parseInt(document.getElementById("txt2").value);
            //获取选择框的值
            var runnum = document.getElementById("select").value;
            //获取通过下拉框来选择的值来改变加减乘除的运算法则
            var result;
            switch(runnum){
                case '+':
                    result = num1 + num2;break;
                case '-':
                    result = num1 - num2;break;
                case '*':
                    result = num1 * num2;break;
                case '/':
                    result = num1 / num2;break;
            }
            
            //设置结果输入框的值
            document.getElementById("fruit").value = result;
        }
    </script>
</head>
<body>
<input type='text' id='txt1' />
<select id='select'>
    <option value='+'>+</option>
    <option value="-">-</option>
    <option value="*">*</option>
    <option value="/">/</option>
</select>
<input type='text' id='txt2' />
<input type='button' value=' = ' onclick="count()"/> <!--通过 = 按钮来调用创建的函数，得到结果-->
<input type='text' id='fruit' />
</body>
</html>


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

    2018-08-07

  • 秋水x

    改变运算顺序，需添加括号的方法来改变优先级:

    操作符之间的优先级（高到低）:

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

    如果同级的运算是按从左到右次序进行,多层括号由里向外。


    查看全部
    0 采集 收起 来源：保持先后顺序(操作符优先级）

    2018-08-07

  • 祎_然

    //法一,一次性清除节点内容

      for(var i=0;i<content.childNodes.length;i++){

          if(content.childNodes[i].nodeType!=1){   

             continue;  

          }else{

             content.removeChild(content.childNodes[i]);    

          }

             

          }


      //法二,一次性清除节点内容

    /*   

       for(var i=content.childNodes.length-1;i>=0;i--){

          var chnode=content.childNodes[i];

          content.removeChild(chnode);  

       }

    */ 


      //法三,多次方清除节点内容

    /*

       for(var i=0;i<content.childNodes.length;i++){

        var chnode=content.childNodes[i];

        content.removeChild(chnode);  

      }

    */


    查看全部
    0 采集 收起 来源：删除节点removeChild()

    2018-08-07

  • 慕码人1108704

    JavaScript数组的length属性是可变的，这一点需要特别注意。

    查看全部
    0 采集 收起 来源：了解成员数量(数组属性length)

    2018-08-07

  • 最爱是雪碧_球球

    <script type="text/javascript">

    var myyear=new Date();//创建当前年份对象

    var mymonth=myyear.getMonth()+1;

    var mydate=myyear.getDate();

    var weekday=["星期天","星期一","星期二","星期三","星期四","星期五","星期六"];

    switch(myyear.getDay())

    {

    case 0:

    document.write(myyear.getFullYear()+"年"+mymonth+"月"+mydate+"日"+"  "+weekday[0]+"--班级总分为：");

    break;


    case 1:

    document.write(myyear.getFullYear()+"年"+mymonth+"月"+mydate+"日"+"  "+weekday[1]+"--班级总分为：");

    break;


    case 2:

    document.write(myyear.getFullYear()+"年"+mymonth+"月"+mydate+"日"+"  "+weekday[2]+"--班级总分为：");

    break;


    case 3:

    document.write(myyear.getFullYear()+"年"+mymonth+"月"+mydate+"日"+"  "+weekday[3]+"--班级总分为：");

    break;


    case 4:

    document.write(myyear.getFullYear()+"年"+mymonth+"月"+mydate+"日"+"  "+weekday[4]+"--班级总分为：");

    break;


    case 5:

    document.write(myyear.getFullYear()+"年"+mymonth+"月"+mydate+"日"+"  "+weekday[5]+"--班级总分为：");

    break;


    case 6:

    document.write(myyear.getFullYear()+"年"+mymonth+"月"+mydate+"日"+"  "+weekday[6]+"--班级总分为：");

    break;

    }

    var scoreStr = "小明:87;小花:81;小红:97;小天:76;小张:74;小小:94;小西:90;小伍:76;小迪:64;小曼:76";

       //对scoreStr字符创进行分割，是以：；进行分割的

    var all=scoreStr.split(/[:;]/);

    var i=1;

    var scoreall=0;

    for(i=1;i<20;i=i+2)

    {

    scoreall=scoreall+parseInt(all[i]);


    }

    document.write(scoreall);





    </script>


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

    2018-08-07

  • 域若兮

    reverse() 方法用于颠倒数组中元素的顺序。

    语法：

    arrayObject.reverse()

    注意：该方法会改变原来的数组，而不会创建新的数组。


    查看全部
    0 采集 收起 来源：颠倒数组元素顺序reverse()

    2018-08-07

  • 域若兮

    join()方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。

    语法：

    arrayObject.join(分隔符)

    参数说明:


    查看全部
    0 采集 收起 来源：指定分隔符连接数组元素join()

    2018-08-07

首页上一页666667668669670671672下一页尾页

举报

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

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

查看已购买的课程