为了账号安全,请及时绑定邮箱和手机立即绑定
慕课网数字资源数据库体验端
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">

      //通过javascript的日期对象来得到当前的日期,并输出。
      var date1=new Date();
      var date2=date1.getDay()
      var arr=['星期日','星期一','星期二','星期三','星期四','星期五','星期六'];
    document.write(date1.getFullYear()+"年"+(date1.getMonth()+1)+"月"+date1.getDate()+"日"+"&nbsp"+arr[date2]+"--");
      //成绩是一长窜的字符串不好处理,找规律后分割放到数组里更好操作哦
      var scoreStr = "小明:87;小花:81;小红:97;小天:76;小张:74;小小:94;小西:90;小伍:76;小迪:64;小曼:76";
      var arr=scoreStr.split(";");
      var arr1=[];
      //document.write(arr);
      for(var i=0;i<arr.length;i++){
          
          arr1.push(arr[i].substr(3,2))
      }

      //从数组中将成绩撮出来,然后求和取整,并输出。
      document.write("班级总分为:"+eval(arr1.join('+')));
    </script>
    </head>
    <body>
    </body>
    </html>

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

    2018-05-22

  • get/setTime() 返回/设置时间,单位毫秒数,计算从 1970 年 1 月 1 日零时到日期对象所指的日期的毫秒数。

    时间推迟 1 小时

    x.setTime(x.getTime() + 60 * 60 * 1000);


    查看全部
  • getDay() 返回星期,返回的是0-6的数字,0 表示星期天。如果要返回相对应“星期”,通过数组完成.

    <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-22

  • return后面的值叫做返回值

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

    2018-05-22

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

    stringObject.split(separator,limit)

    注意:如果把空字符串 ("") 用作 separator,那么 stringObject 中的每个字符之间都会被分割。

    查看全部
  • indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。

    stringObject.indexOf(substring, startpos)

    2.可选参数,从stringObject的startpos位置开始查找substring,如果没有此参数将从stringObject的开始位置查找。

    3.如果找到一个 substring,则返回 substring 的第一次出现的位置。stringObject 中的字符位置是从 0 开始的。


    查看全部
  • charAt() 方法可返回指定位置的字符。返回的字符是长度为 1 的字符串。

    最后一个字符的下标为字符串长度减一(string.length-1)

    查看全部
  • 使用 String 对象的 toUpperCase() 方法来将字符串小写字母转换为大写:

    var mystr="Hello world!";
    var mynum=mystr.toUpperCase();

    使用toLowerCase()方法,将字符串所有大写字母都变成小写的字符串。

    查看全部
  • propertyName 属性

    methodName 方法

    查看全部
    0 采集 收起 来源:什么是对象

    2018-05-22

  • 操作符之间的优先级为:

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


    查看全部
  • <!DOCTYPE html>

    <html>

    <head>

    <title> 事件</title>  

    <script type="text/javascript">

    window.onload = function(){

    var text1 = document.getElementById('txt1');

    var text2 = document.getElementById('select');

    var text3 = document.getElementById('txt2');

    var text4 = document.getElementById('fruit');

    var buoon = document.getElementById('button');

    buoon.onclick = function(){

    count();

    };

    text4.onclick = function(){

    count();

    };

    function count(){

    switch(text2.value){

    case '+' :

    text4.value = +text1.value + +(text3.value);

    break;

    case '-' :

    text4.value = +text1.value - +(text3.value);

    break;

    case '*' :

    text4.value = +text1.value * +(text3.value);

    break;

    default:

    text4.value = +text1.value / +(text3.value);

    }

    //获取第一个输入框的值

        //获取第二个输入框的值

        //获取选择框的值

        //获取通过下拉框来选择的值来改变加减乘除的运算法则

    //设置结果输入框的值

    }

    function foo (){

    alert('11232');

    }

    };

    </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=' = ' id='button' /><!-- 通过 = 按钮来调用创建的函数,得到结果 -->

    <input type='text' id='fruit' />  

    </body>

    </html>


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

    2018-05-22

  • <!DOCTYPE  HTML>

    <html >

    <head>

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

    <title>函数</title>


    <script type="text/javascript">


    //定义函数

    function foo(){

        if(arguments[1] > arguments[0]){

            return arguments[1];

        }else{

            return arguments[0];

        }

    }




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


     

    //调用函数,实现下面两组数中,返回较大值。

    document.write(" 5 和 4 的较大值是:"+ foo(5 , 4) + "<br>");

    document.write(" 6 和 3 的较大值是:" + foo(6 , 3)); 





    </script>

    </head>

    <body>

    </body>

    </html>


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

    2018-05-21

  • <!DOCTYPE  HTML>

    <html >

    <head>

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

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

    <script type="text/javascript">

    //创建一个infos的二维数组    

    var infos = new Array(5);

    infos[0] = ["('小A','女',21,'大一')" , "('小B','男',23,'大三')"];

    infos[1] = ["('小C','男',24,'大四')" , "('小D','女',21,'大一')"];

    infos[2] = ["('小E','女',22,'大四')" , "('小F','男',21,'大一')"];

    infos[3] = ["('小G','女',22,'大二')" , "('小H','女',20,'大三')"];

    infos[4] = ["('小I','女',20,'大一')" , "('小J','男',20,'大三')"];

    //第一次筛选,筛选出所有大一信息

    var arr = [];

    for (let i = 0; i < 5; i++) {

        for (let i1 = 0; i1 < 2; i1++) {

            if(infos[i][i1].indexOf("大一") !== -1){

                arr.push(infos[i][i1]);            

            }

        

        }

    }

    //打印出所有女生名字

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

        document.write(arr[i].slice(2,4)+"<br />");

        

    }

     

     

      

    </script>

    </head>

    <body>

    </body>

    </html>


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

    2018-05-21

  • <!DOCTYPE  HTML>

    <html >

    <head>

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

    <title>数组</title>

    <script type="text/javascript">

     //创建数组

     var arr=  ['*','##',"***","&&","****","##*"];

     arr[7] = "**";

     //显示数组长度

     //数组长度为8


     //将数组内容输出,完成达到的效果。

    document.write(arr[0] + '<br />' + arr[7] + '<br />' + arr[2] + '<br />' + arr[4]);


    </script>

    </head>

    <body>

    </body>

    </html>


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

    2018-05-21

  • myArray.sort(sortMethod);

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

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


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

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


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

    2018-05-21

举报

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

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