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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 返回值的函数:

    1. return 参数;

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

    2. 可以通过变量存储调用函数的返回值

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

    注意:函数中参数和返回值不只是数字,还可以是字符串等其他类型。

    查看全部
    0 采集 收起 来源:返回值的函数

    2018-05-24

  • function  函数名( ){
         函数体;
    }


    查看全部
    0 采集 收起 来源:定义函数

    2018-05-24

  • 定义有参数的函数语法:

    function  函数名(参数1,参数2)

    {

            函数代码

    }

    注意:参数可以多个,根据需要增减参数个数,参数之间用(逗号,)隔开

    查看全部
    0 采集 收起 来源:有参数的函数

    2018-05-24

  • 函数调用:

    1. 在<script>标签内调用

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

    2. 在HTML文件中调用,如通过点击按钮后调用定义好的函数

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

    查看全部
    0 采集 收起 来源:函数调用

    2018-05-24

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

    而break直接是跳出循环。

    查看全部
  • do...while语句结构:

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


    查看全部
  • if(条件1)
    { 条件1成立时执行的代码}
    else  if(条件2)
    { 条件2成立时执行的代码}
    ...
    else  if(条件n)
    { 条件n成立时执行的代码}
    else
    { 条件1、2至n不成立时执行的代码}


    查看全部
  • 定义函数语法:

    function   函数名()

    {

        函数体;

    }


    查看全部
    0 采集 收起 来源:定义函数

    2018-05-24

  • <script type="text/javascript">
      var mydate=new Date();//定义日期对象
      var weekday=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];//定义数组对象,给每个数组项赋值
      var mynum=mydate.getDay();//返回值存储在变量mynum中  document.write(mydate.getDay());//输出getDay()获取值
      document.write("今天是:"+ weekday[mynum]);//输出星期几</script>


    查看全部
    0 采集 收起 来源:返回星期方法

    2018-05-24

  • var mydate=new Date();
    //当前时间2014年3月6日
    document.write(mydate+"<br>");
    //输出当前时间
    document.write(mydate.getFullYear()+"<br>");
    //输出当前年份
    mydate.setFullYear(81); 
    //设置年份
    document.write(mydate+"<br>"); 
    //输出年份被设定为 0081年。


    查看全部
  • <!DOCTYPE  HTML>
    <html >
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>系好安全带,准备启航</title>
    <script type="text/javascript">
      //通过javascript的日期对象来得到当前的日期,并输出。
      var date = new Date();
      var y = date.getFullYear();
      var m = date.getMonth();
      var d = data.getDate();
      var wd = date.getDay();
      var wkds = ["日","一","二","三","四","五","六"]
      document.write(y+"年"+m+"月"+d+"日"+"星期"+wkds[wd]+"--");
      
      
      
      
      //成绩是一长窜的字符串不好处理,找规律后分割放到数组里更好操作哦
      var scoreStr = "小明:87;小花:81;小红:97;小天:76;小张:74;小小:94;小西:90;小伍:76;小迪:64;小曼:76";
     
      var scoreArr = scoreStr.split(";");
      
      var sumScore=0;
      for(var i=0;i<scoreArr.length;i++){
           sumScore += parseInt(scoreArr[i].split(":")[1]);
      }
      var avgScore = Math.round(sumScore/score.length);
      document.write("班级平均分为:"+avgScore);
      
    </script>
    </head>
    <body>
    </body>
    </html>


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

    2018-05-24

  • 数组排序sort()

    arrayObject.sort(方法函数)

    参数说明

    1- 方法函数:可选,必须是函数

    注意:

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

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

    方法函数

    1- 该函数要比较两个值,然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 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()

    2018-05-24

  • 选定元素slice()

    arrayObject.slice(start,end)

    参数说明:

    1- start:必须,规定从何处开始选取,如果是负数,则从尾部开始算起

    2- end:可选,规定到何处结束(不包含),省略表示到最后,负数表示从尾部开始算起

    注意:

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

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

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

    4- 可使用负值从数组的尾部选取元素


    <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()

    2018-05-24

  • 颠倒数组元素顺序reverse()

    arrayObject.reverse()

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

    <script type="text/javascript">
      var myarr = new Array(3)
      myarr[0] = "1"
      myarr[1] = "2"
      myarr[2] = "3"
      document.write(myarr + "<br />")
      document.write(myarr.reverse())
    </script>
    1,2,3
    3,2,1


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

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

    arrayObject.join(sqparator)

    参数说明:

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

    注意:返回一个字符串,该字符串把数组中的各个元素串起来,用<分隔符>置于元素与元素之间。这个方法不影响数组原本的内容。 


    <script type="text/javascript">
      var myarr = new Array(3);
      myarr[0] = "I";
      myarr[1] = "love";
      myarr[2] = "JavaScript";
      document.write(myarr.join());
    </script>
    I,love,JavaScript


    查看全部

举报

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

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