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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  •                  颠倒数组元素的顺序reverse( )

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

    语法:

    arrayObject.reverse( )

    注意:

    该方法会改变原来的数组,而不会创建新的数组。


    查看全部
  • 算术操作符 比较操作符 逻辑操作符 "="赋值符号

    +-*/

    <,>,<=,>=,==,!=

    && || 

    =

    查看全部
  • 取名字要遵循一些规则:

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

    正确:           
        mysum            
        _mychar         
        $numa1
    错误:  6num  //开头不能用数字
      %sum //开头不能用除(_ $)外特殊符号,如(%  + /等)
      sum+num //开头中间不能使用除(_ $)外特殊符号,如(%  + /等)

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

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


    查看全部
  •            指定分隔符连接数组元素join( )

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

    语法:

    arrayObject.join(分隔符)

    参数说明:

    separator:可选。指定要使用的分隔符。如果省略该参数,则使用逗号作为分隔符。

    注意:

    返回一个字符串,该字符串把数组中的各个元素串起来,用<分隔符>置于元素与元素之间。这个方法不影响数组原本的内容。我们使用join( )方法,将数组的所有元素放入一个字符串中,代码如下:

    <script  type="text/javascript">

            var  myarr=new  Array(3);

            myarr[0]="I";

            myarr[1]="love";

            myarr[2]="Javascript";

            document.write(myarr.join( ) );

    </script>


    查看全部
  • 给变量取个名字

    529c07c000014f5103080447.jpg

    查看全部
  • 插入节点:

    可用otest.insertBefore(newnode,node);

     也可以为: 

     otest.insertBefore(newnode,otest.childNodes[0]);

    查看全部
  • <!DOCTYPE HTML>

    <html>

    <head>

    <script type="text/javascript">

      var num=0,i;

      function timedCount(){

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

        num=num+1;

        i=setTimeout(timedCount,1000);

      }

        setTimeout(timedCount,1000);

      function stopCount(){

        clearTimeout(i);

      }

    </script>

    </head>

    <body>

      <form>

        <input type="text" id="txt">

        <input type="button" value="Stop" onClick="stopCount()">

      </form>

    </body>

    </html>


    查看全部
  • <!DOCTYPE HTML>

    <html>

    <head>

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

    <title>定时器</title>

    <script type="text/javascript">

      var attime;

      function clock(){

        var time=new Date();          

        attime=time.getHours()+":"+time.getMinutes()+":"+time.getSeconds();

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

      }

     setInterval(clock,1000); 

    </script>

    </head>

    <body>

    <form>

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

    </form>

    </body>

    </html>


    查看全部
  • String 字符串对象

    在之前的学习中已经使用字符串对象了,定义字符串的方法就是直接赋值。比如:

    var mystr = "I love JavaScript!"

    定义mystr字符串后,我们就可以访问它的属性和方法。


    查看全部
  • 数组的表达方式:

    第一步:创建数组var myarr=new Array(); 
    第二步:给数组赋值
            myarr[1]=" 张三";
            myarr[2]=" 李四";
    查看全部
  • 函数的作用,可以写一次代码,然后反复地重用这个代码。

    如:我们要完成多组数和的功能。

    var sum;   
    sum = 3+2;
    alert(sum);
    
    sum=7+8 ;
    alert(sum); 
    
    ....  //不停重复两行代码

    如果要实现8组数的和,就需要16行代码,实现的越多,代码行也就越多。所以我们可以把完成特定功能的代码块放到一个函数里,直接调用这个函数,就省去重复输入大量代码的麻烦。


    查看全部
    0 采集 收起 来源:什么是函数

    2018-05-30

  • 很多事情不只是做一次,要重复做。如打印10份试卷,每次打印一份,重复这个动作,直到打印完成。这些事情,我们使用循环语句来完成,循环语句,就是重复执行一段代码。

    for语句结构:

    for(初始化变量;循环条件;循环迭代)
    {     
        循环语句 
     }


    查看全部
  • <!DOCTYPE  HTML>
    <html >
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>系好安全带,准备启航</title>
    
        <script type="text/javascript">
            var $date=new Date();
            document.write($date.getFullYear()+"年"+$date.getMonth()+"月"+$date.getDate()+"日"+"&nbsp&nbsp");
            var $day=["星期一","星期二","星期三","星期四","星期五","星期六","星期日"];
            document.write($day[$date.getDay()-1]+"<br>");
            //成绩是一长窜的字符串不好处理,找规律后分割放到数组里更好操作哦
            var scoreStr = "小明:87;小花:81;小红:97;小天:76;小张:74;小小:94;小西:90;小伍:76;小迪:64;小曼:76";
            var $score=new Array();
            var $start_pot;
            var $stop_pot=5;
            var $sum=0;
            for($start_pot=3;$start_pot<58;$start_pot=$start_pot+6){
                $stop_pot=$start_pot+2;
                $score[($start_pot-3)/6]=scoreStr.substring($start_pot,$stop_pot);
                document.write($score[($start_pot-3)/6]+"<br>");
                $sum+=parseInt($score[($start_pot-3)/6]);
            }
            //从数组中将成绩撮出来,然后求和取整,并输出。
            var $avg=$sum/10;
            document.write("<br>"+"班级平均分为:"+$avg);
        </script>
    </head>
    <body>
    </body>
    查看全部
    0 采集 收起 来源:编程练习

    2018-05-30

  • 计时器setInterval()

    语法: setInterval(“代码块或函数名”,毫秒数值);

    作用:每隔参二设定的时间间隔就触发一次参一的代码块。执行时间是在页面加载完毕之后。

    参数说明:

    1. 参一:要调用的函数或要执行的代码串。如是调用函数,则加引号,如“clock()”,如是函数名,则不用,如clock

    2. 时间间隔,以毫秒计(1s=1000ms)。

    3,返回值是一个可以传递给 clearInterval() 从而取消对参一的周期性执行的数值。


    查看全部
  • <!DOCTYPE HTML>

    <html>

    <head>

    <script type="text/javascript">

    function getnum(){

      var mynode=document.getElementsByName("myt");  

      alert(mynode.length);

    }

    </script>

    </head>

    <body>

    <input name="myt" type="text" value="1">

    <input name="myt" type="text" value="2">

    <input name="myt" type="text" value="3">

    <input name="myt" type="text" value="4">

    <input name="myt" type="text" value="5">

    <input name="myt" type="text" value="6">


    <br />

    <input type="button" onclick="getnum()" value="看看有几项?" />

    </body>

    </html>


    查看全部

举报

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

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