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

JavaScript进阶篇

难度入门
时长 8小时55分
学习人数
综合评分9.47
2557人评价 查看评价
9.7 内容实用
9.4 简洁易懂
9.3 逻辑清晰
  • 第七行 写function
    查看全部
    0 采集 收起 来源:定义函数

    2022-05-17

  • http://img1.sycdn.imooc.com//6279f4710001912803930487.jpg

    注意sort()中可以自定义方法函数

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

    2022-05-10

  • 完成学习第二阶段:全盘回顾,脚踏实地跟随学习,做笔记实操。

    查看全部
    0 采集 收起 来源:编程挑战

    2022-05-08

  • 完成学习第一阶段:快速获取认知。

    查看全部
    0 采集 收起 来源:编程挑战

    2022-05-08

  • <!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 weekday=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];

    //定义数组对象,给每个数组项赋值

      var weekdaynum=mydate.getDay();//返回值存储在变量mynum中,刑期

      var Month=["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"]

      var monthnum = mydate.getMonth();

      var yearnum = mydate.getFullYear();

      var datenum = mydate.getDate();

      

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

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

     

      var length = scoreStr.split(';').length;

      var scorearr = new Array(length);

      var score = 0;

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

          scorearr[i] = scoreStr.split(";")[i].slice(-2);

          score += parseInt(scorearr[i]);

      }

      

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

      var avgscore = Math.round(score/length);


      document.write(yearnum + "年" + Month[monthnum] + datenum + "日    "+ weekday[weekdaynum]+"--班级总分为:" + avgscore);

    </script>

    </head>

    <body>

    </body>

    </html>

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

    2022-05-08

  • 这里需要倒序删除

    查看全部
  • http://img1.sycdn.imooc.com//6274b6f80001861f19201080.jpg

    代码中要考虑到当前id为count的input还没有加载出来,所以直接调用函数是没有用的。

    第一个方案是可以在按钮中加个点击事件来调用,这样在按钮前面的Input肯定已经加载成功了。

    第二个方案是在script中再次调用setTimeout("startCount()",1000),这样在1s到之前input还是可以加载成功的。

    查看全部
  • <!DOCTYPE HTML>

    <html>

    <head>

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

    <title>无标题文档</title>

    </head>

    <body>

    <script type="text/javascript">

    function ulNavigator() {

    let t = window.navigator; //把navagator对象赋值给一个简短变量,书写省事

    let s = [t.appCodeName, t.appName, t.appVersion, t.platform, t.userAgent]; //定义要显示的内容数组

    let ul, li; //定义对应的元素,并遍历添加

    ul = document.createElement('ul');

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

    li = document.createElement('li');//注意每次循环都要单独创建一个li

    ul.appendChild(li).innerHTML = s[i]; //appendChild返回添加的元素,所以可以链式书写代码

    }

    document.body.appendChild(ul);

    }

    window.onload = ulNavigator(); //window.onload方法,加载完整个页面再执行

    </script>

    </body>

    </html>

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

    2022-05-06

  • 创建的新数组是空数组,没有值,如输出,则显示undefined。

    查看全部
  • <!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 dayi = new Array();

     var t=0;

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

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

            dayi[j++]=infos[i];

        }

     }

     

     


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

     var girls = new Array();

     var n=0;

     for(var j=0;j<dayi.length;j++){

        if(dayi[j][1]=='女'){

            

            girls[n]=dayi[j];

            document.write(girls[n++][0]+'<br/>');

        }

     }

     

      

    </script>

    </head>

    <body>

    </body>

    </html>

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

    2022-05-04

  • <!DOCTYPE  HTML>

    <html >

    <head>

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

    <title>数组</title>

    <script type="text/javascript">

     //创建数组

     var myarr = ['*','**','***','****'];

     //显示数组长度

     

     //alert(myarr.length);

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


    /*

     document.write(myarr[0]+'<br/>'+'<br/>');

     document.write(myarr[1]+'<br/>'+'<br/>');

     document.write(myarr[2]+'<br/>'+'<br/>');

     document.write(myarr[3]+'<br/>'+'<br/>');

    */


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

        document.write(myarr[i]+'<br/>'+'<br/>');

    }


    </script>

    </head>

    <body>

    </body>

    </html>

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

    2022-05-04

  • limit表示分割回的长度

    查看全部
  • for(var i="*";i.length<=4;i+="*"){
        document.write(i+"<br>");
    }
    查看全部
    0 采集 收起 来源:编程练习

    2022-04-19

  • <!DOCTYPE HTML>

    <html>

    <head>

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


    </head>

    <body>

    <script type="text/javascript">

    var cw=document.documentElement.clientWidth||document.body.clientWidth;

    var ch=document.documentElement.clientHeight||document.body.clientHeight;


    var sw=document.documentElement.scrollWidth||document.body.scrollWidth;

    var sh=document.documentElement.scrollHeight||document.body.scrollHeight;

    /*

    网页内容实际高度scrollHeight,可以小于clientHeight

    最小值是clientHeight

    也就是

    当:网页内容实际高度scroll小于client时,

    scrollHeight返回clientHeight

    */

    document.write(cw+"<br/>"+ch+"<br>"+sw+"<br>"+sh);

    </script>

    </body>    

    </html>

    查看全部
  • http://img1.sycdn.imooc.com//6254e1e60001dfb303840637.jpg

    最后一个不能写成else if,否则报错!

    查看全部

举报

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

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

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