为了账号安全,请及时绑定邮箱和手机立即绑定

JavaScript进阶篇

难度入门
时长 8小时55分
学习人数
综合评分9.47
2558人评价 查看评价
9.7 内容实用
9.4 简洁易懂
9.3 逻辑清晰
  • <!DOCTYPE  HTML>

    <html >

    <head>

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

    <title>系好安全带,准备启航</title>


    <script type="text/javascript">


      //通过javascript的日期对象来得到当前的日期,并输出。

      var mydate = new Date();

      var year=  mydate.getFullYear()   ;

      var month = mydate.getMonth() + 1; // 1~12

      var day = mydate.getDate(); // 1~31

      var weekNames = ["周日", "周一", "周二", "周三", "周四", "周五", "周六"];

      var week = mydate.getDay();

      var weekText = weekNames[week];  

      

      var timeShow = year + "年" + month + "月" + day + "日" + " "+  weekText;

      

      


      

      

      //成绩是一长窜的字符串不好处理,找规律后分割放到数组里更好操作哦

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

      var scoreArr = scoreStr.split(";").join(",").split(":");

      

      var sumScore =0;

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

          if(parseInt(scoreArr[i])) {

              sumScore += parseInt(scoreArr[i]);

          }

      }

      document.write(timeShow+"--"+"班级总分为:"+sumScore)



      //从数组中将成绩撮出来,然后求和取整,并输出。

      



    </script>

    </head>

    <body>

    </body>

    </html>

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

    2026-01-14

  • <!DOCTYPE  HTML>

    <html >

    <head>

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

    <title>系好安全带,准备启航</title>


    <script type="text/javascript">


      //通过javascript的日期对象来得到当前的日期,并输出。

      var udate=new Date();

      var year=udate.getFullYear();

      var umonth=udate.getMonth()+1;

      var date=udate.getDate();

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

      var day=weekday[udate.getDay()];

      //成绩是一长窜的字符串不好处理,找规律后分割放到数组里更好操作哦

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

      var scoreArr=scoreStr.split(";");

      //从数组中将成绩撮出来,然后求和取整,并输出。

      var grade=[];

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

          var j=[2];

          j=scoreArr[i].split(":");

          grade[i]=j[1];

      }

      var sum=0;

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

          sum=sum+parseInt(grade[i]);

      }

      sum=sum/grade.length;

      document.write(year+"年"+umonth+"月"+date+"日"+"&nbsp;"+day+"--班级总分为:"+Math.floor(sum));

    </script>

    </head>

    <body>

    </body>

    </html>

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

    2026-01-08

  • 数组方法

    查看全部
    0 采集 收起 来源: Array 数组对象

    2026-01-08

  • <!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!"

      document.write(mystr.indexOf("o",mystr.indexOf("o")+1));


    </script>

    </head>

    <body>

    </body>

    </html>

    查看全部
  • <!DOCTYPE html>

    <html>

     <head>

      <title> 事件</title>  

      <script type="text/javascript">

       function count(){

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

        var num1=parseFloat(document.getElementById("txt1").value);

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

        var num2=parseFloat(document.getElementById("txt2").value);

        //获取选择框的值

        var op=document.getElementById("select").value

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

        var sum;

        function cauculate(num1,num2,op){

            switch(op){

                case '+':

                    sum=num1+num2;

                    break;

                case "-":

                    sum=num1-num2;

                    break;

                case "*":

                    sum=num1*num2;

                    break;

                case "/":

                    if(num2 !== 0){

                        sum=num1/num2;

                    } else {

                        alert("除数不能为0");

                        return;

                    }

                    break;

                default:

                    alert("请选择符号");

                    return;

            }

        }

        cauculate(num1,num2,op);

        //设置结果输入框的值

        document.getElementById("fruit").value=sum;

       }

      </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 采集 收起 来源:编程练习

    2026-01-08

  • function clearText() {
      var content=document.getElementById("content");
      // 在此完成该函数
      var length=content.childNodes.length
            for (var i=0;i<length;i++)
        {
            content.removeChild(content.childNodes[0])
        }
    }

    第二种方法,正序删除   (固定住子节点列表的长度即固定for循环删除的次数,然后一直删除第1个,不受数组长度动态变化的影响)

    查看全部
  • 主要事件表

    查看全部
    0 采集 收起 来源:什么是事件

    2026-01-07

  • <!DOCTYPE  HTML>

    <html >

    <head>

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

    <title>函数</title>


    <script type="text/javascript">


    //定义函数

    function larger(x,y){

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

        if(x>y){

            return x;

        }

        else if(x<y){

            return y;

        }

        else{

            return "两个数一样大";

        }

    }


    req1=larger(5,4);

    req2=larger(6,3);

    req3=larger(4,4);

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

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

      document.write(" 6 和 3 的较大值是:"+req2+"<br>" ); 

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




    </script>

    </head>

    <body>

    </body>

    </html>

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

    2026-01-07

  • <!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 number=new Array();

     var x=0;

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

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

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

            number[x]=i;

            x++;

        }

     }

      

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

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

         switch(infos[number[i]][1]){

             case "女":

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

         }

     }

     

      

    </script>

    </head>

    <body>

    </body>

    </html>

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

    2026-01-07

  • //按照任务题意,先筛选一维数组的索引号,再从剩下的数组中按性别的索引号[1]筛选符合条件的结果打印出来.
    for (i=0;i<infos.length;i++)
    {
        if(infos[i][3]!="大一")
        { 
            continue;
        }
            var grad=i//第一次筛选,找出都是大一的一维数组索引号并将其赋值到变量grad
        if(infos[grad][1]=="女")//第二次筛选,在一维数组索引号为grad的数组中查找二维数组索引号为1的值是"女"的数组
        {
           document.write(infos[grad][0]+"<br/>")//当返回值为ture时打印二维数组索引号为0的值
        }
    }
    查看全部
    0 采集 收起 来源:编程练习

    2025-12-30

  • 因为数组的索引总是由0开始,所以一个数组的上下限分别是:0和length-1。如数组的长度是5,数组的上下限分别是0和4。


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

    arr.length=10; //增大数组的长度, 数组长度已经变为10


    var arr=[98,76,54,56,76]; // 包含5个数值的数组

    document.write(arr.length); //显示数组的长度5

    arr[15]=34;  //增加元素,使用索引为15,赋值为34

    alert(arr.length); //显示数组的长度16

    查看全部
  • var myarray = new Array(66,80,90,77,59);//创建数组同时赋值


    var myarray = [66,80,90,77,59];//直接输入一个数组(称 “字面量数组”)

    数组存储的数据可以是任何类型(数字、字符、布尔值等)

    查看全部
  • 我们创建数组的同时,还可以为数组指定长度,长度可任意指定。

    var myarray= new Array(8); //创建数组,存储8个数据。


    1.创建的新数组是空数组,没有值,如输出,则显示undefined。
    2.虽然创建数组时,指定了长度,但实际上数组都是变长的,也就是说即使指定了长度为8,仍然可以将元素存储在规定长度以外。

    查看全部
  • var 变量=new Array(); //定义数组

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

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

    查看全部
  • 语法:

    window.history.[属性|方法]

    注意:window可以省略。

    History 对象属性

    History 对象方法

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

    2025-10-26

  • History 对象属性

    History 对象方法

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

    2025-10-26

  • 使用setInterval()计时器来显示动态时间。

    查看全部
  • 11

    查看全部
  • ss

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

    2025-10-26

  • 使用 String 对象使用toLowerCase()方法,将字符串所有大写字母都变成小写的字符串的 toUpperCase() 方法来将字符串小写字母转换为大写

    查看全部
  • get/setFullYear() 返回/设置年份,用四位数表示。

    查看全部
  • Date对象中处理时间和日期的常用方法:

    查看全部
    0 采集 收起 来源: Date 日期对象

    2025-10-19

  • 当用户退出页面时(页面关闭、页面刷新等),触发onUnload事件,同时执行被调用的程序

    查看全部
首页上一页1234567下一页尾页

举报

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

微信扫码,参与3人拼团

微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

友情提示:

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