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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • <!DOCTYPE  HTML>
    <html >
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>函数</title>

    <script type="text/javascript">

    //定义函数

    function compare(a,b){
        if(a>b){
        return a;
    }else if (a=b){
        return a,b;
    }else{
        return b;
    }
    }
     


    //函数体,判断两个整数比较的三种情况


     
    //调用函数,实现下面两组数中,返回较大值。
      document.write(" 5 和 4 的较大值是:"+compare(5,4)+"<br>");
      document.write(" 6 和 3 的较大值是:"+compare(5,4) );



    </script>
    </head>
    <body>
    </body>
    </html>

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

    2019-07-10

  • 8-2js计时器

    2、在js中,我们可来执行代码,而不是以在设定的时间间隔之后在函数在调用之后立即执行。

    3、

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


    查看全部
  • <!DOCTYPE  HTML>

    <html >

    <head>

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

    <title>流程控制语句</title>

    <script type="text/javascript">


     //第一步把之前的数据写成一个数组的形式,定义变量为 infos

     var infos = [['小A','女',21,'大一'],

     ['小B','男',23,'大三'],

     ['小C','男',24,'大四'],

     ['小D','女',21,'大一'],

     ['小E','女',22,'大四'],

     ['小F','男',21,'大一'],

     ['小G','女',22,'大二'],

     ['小H','女',20,'大三'],

     ['小I','女',20,'大一'],

     ['小J','男',20,'大三']]

     

     //第一次筛选,找出都是大一的信息

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


         for(var j=0 ; j<infos[i].length ; j++){


             if(infos[i][j]=='大一'){

     //第二次筛选,找出都是女生的信息           

                for(var x=0 ; x<infos[i].length ; x++){

                

                    if(infos[i][x]=='女'){

                    

                        document.write(infos[i],"<br/>");

                        }

                    }

                 }  

             }

         }

    </script>

    </head>

    <body>

    </body>

    </html>


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

    2019-07-10

  • setInterval()执行多次

    setTimeout()仅执行一次

    查看全部
  • <!DOCTYPE  HTML>
    <html >
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>流程控制语句</title>
    <script type="text/javascript">

     //第一步把之前的数据写成一个数组的形式,定义变量为 infos
     
     var infos=[['小A','女',21,'大一'],
                     ['小B','男',23,'大三'],
                     ['小C','男',24,'大四'],
                     ['小D','女',21,'大一'],
                     ['小E','女',22,'大四'],
                     ['小F','男',21,'大一'],
                     ['小G','女',22,'大二'],
                     ['小H','女',20,'大三'],
                     ['小I','女',20,'大一'],
                     ['小J','男',20,'大三']];
            var arr=[],arr1=[],n=0,m=0;
            for (var i=0;i<infos.length;i++){
                for (var j=0;j<infos[i].length;j++){
                   switch(infos[i][j]){
                        case '大一':
                            arr.push(infos[i]);
                            document.write('大一:'+arr[n]+"<br/>");
          n++
                        break;
         case '女':
          arr1.push(infos[i]);//添加值
            document.write('女:'+arr1[m]+"<br/>");
          m++
                        default:
                        break;
                   }
                }
            }
     //第一次筛选,找出都是大一的信
       
     
     //第二次筛选,找出都是女生的信息
     
     
     
    </script>
    </head>
    <body>
    </body>
    </html>

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

    2019-07-10

  • 8-1window对象

    1、function xx函数

    2、弹窗

    3、window.open 打开网页

    4、onclick

    查看全部
    1 采集 收起 来源:window对象

    2019-07-10

  • Navigator对象


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

    2019-07-09

  • 取消计时器clearTimeout()


    查看全部
  • 计时器setTimeout()


    查看全部
  • <!DOCTYPE HTML>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>do...while</title>
    <script type="text/javascript">
        var mynum =6;//mynum初值化数值为6
     do
     {
     document.write("数字:"+mynum+"<br/>");
     mynum=mynum-1;
     }
     while(  mynum<=6&&mynum>0     )
     </script>
    </head>
    <body>
    </body>
    </html>

    查看全部
  • 任务

    第一步:可通过javascript的日期对象来得到当前的日期。

    提示:使用Date()日期对象,注意星期返回值为0-6,所以要转成文字"星期X"

    第二步:一长窜的字符串不好弄,找规律后分割放到数组里更好操作哦。

    第三步:分割字符串得到分数,然后求和取整。


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

    2019-07-09

  • 7-22数组排序sort()

    sort()方法使数组中的元素按照一定的顺序排列。

    语法:

    arrayObject.sort(方法函数)

    参数说明:

    1.如果不指定<方法函数>,则按unicode码顺序排列。

    2.如果指定<方法函数>,则按<方法函数>所指定的排序方法排序。

    myArray.sort(sortMethod);

    注意: 该函数要比较两个值,然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和 b,其返回值如下: 

      若返回值<=-1,则表示 A 在排序后的序列中出现在 B 之前。
      若返回值>-1 && <1,则表示 A 和 B 具有相同的排序顺序。
      若返回值>=1,则表示 A 在排序后的序列中出现在 B 之后。

    1.使用sort()将数组进行排序,代码如下:

    <script type="text/javascript">
      var myarr1 = new Array("Hello","John","love","JavaScript"); 
      var myarr2 = new Array("80","16","50","6","100","1");
      document.write(myarr1.sort()+"<br>");
      document.write(myarr2.sort());
    </script>

    运行结果:

    Hello,JavaScript,John,love
    1,100,16,50,6,80

    注意:上面的代码没有按照数值的大小对数字进行排序。

    2.如要实现这一点,就必须使用一个排序函数,代码如下:

    <script type="text/javascript">
      function sortNum(a,b) {
      return a - b;
     //升序,如降序,把“a - b”该成“b - a”
    }
     var myarr = new Array("80","16","50","6","100","1");
      document.write(myarr + "<br>");
      document.write(myarr.sort(sortNum));
    </script>

    运行结果:

    80,16,50,6,100,1
    1,6,16,50,80,100


    查看全部
    0 采集 收起 来源: 数组排序sort()

    2019-07-09


  • <!DOCTYPE  HTML>

    <html >

    <head>

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

    <title>流程控制语句</title>

    <script type="text/javascript">


     //第一步把之前的数据写成一个数组的形式,定义变量为 infos

     var infos=[ ['小A','女',21,'大一'],  ['小B','男',23,'大三'],['小C','男',24,'大四'],  ['小D','女',21,'大一'], ['小E','女',22,'大四'],  ['小F','男',21,'大一'],['小G','女',22,'大二'],  ['小H','女',20,'大三'],['小I','女',20,'大一'],  ['小J','男',20,'大三']];

     var l=infos.length;

     

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

         document.write(infos[i]+"<br />");

     }

     document.write("---------------------------"+"<br />");        //十行四列

     

     //第一次筛选,找出都是大一的信息

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

        if(infos[i][3]=="大一"){

            document.write(infos[i]+"<br />");

        }

     }

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

     //第二次筛选,找出都是女生的信息

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

        if(infos[i][3]=="大一"){

            if(infos[i][1]=="女"){

                document.write(infos[i]+"<br />");

            }

        }

     }

      

    </script>

    </head>

    <body>

    </body>

    </html>



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

    2019-07-09

  • 节点之间的空白符,在firefox、chrome、opera、safari浏览器是文本节点。连写可消除各浏览器的差异

    <div>javascript <p>javascript</p><div>jQuery</div><h5>PHP</h5></div>


    查看全部
  • 7-21选定元素slice()

    语法:

    arrayobject.slice(start,end)

    533299680001637b05160145.jpg

    1.返回一个新的数组,包含从 start 到 end (不包括该元素)的 arrayObject 中的元素。

    2. 该方法并不会修改数组,而是返回一个子数组。

    注意:

    1. 可使用负值从数组的尾部选取元素。

    2.如果 end 未被规定,那么 slice() 方法会选取从 start 到数组结尾的所有元素。

    3. String.slice() 与 Array.slice() 相似。

    我们将创建一个新数组,然后从其中选取的元素,代码如下:

    <script type="text/javascript">
      var myarr = new Array(1,2,3,4,5,6);
      document.write(myarr + "<br>");
      document.write(myarr.slice(2,4) + "<br>");
      document.write(myarr);
    </script>

    运行结果:

    1,2,3,4,5,6
    3,4
    1,2,3,4,5,6









































































    查看全部
    0 采集 收起 来源:选定元素slice()

    2019-07-09

举报

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

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