为了账号安全,请及时绑定邮箱和手机立即绑定
慕课网数字资源数据库体验端
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 mydate=new Date();
      var weekday=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
      var date=mydate.getFullYear()+"年"+mydate.getMonth()+"月"+mydate.getDate()+"日"+"&nbsp &nbsp"+weekday[mydate.getDay()];
       var scoreStr = "小明:87;小花:81;小红:97;小天:76;小张:74;小小:94;小西:90;小伍:76;小迪:64;小曼:76;";
     
      var sum=0;
      for(i=scoreStr.length/6;i>0;i--){
          var res=scoreStr.substr(i*6-3,2);
          //document.write(res);
          sum=parseInt(res)+sum;
      }
      res1=sum/(scoreStr.length/6);
      document.write(date+"--"+"班级总分为:"+res1);

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


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


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

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

    2019-04-02


  • 记录自己的答案

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

    2019-04-02

  • var w= document.documentElement.clientWidth
          || document.body.clientWidth;
    var h= document.documentElement.clientHeight
          || document.body.clientHeight;


    查看全部
  • 经测试:节点删除必须从高位开始删,如果从0位置开始删有问题,原因未知

    查看全部
  • 把删除的子节点赋值给 x,这个子节点不在DOM树中,但是还存在内存中,可通过 x 操作。

    如果要完全删除对象,给 x 赋 null 值


    查看全部
  • document.write(mylist.parentNode.parentNode.parentNode.lastChild.innerHTML);

    查看全部
  • <script type="text/javascript">

      var attime;

      function clock(){

        var time=new Date();          

        attime= time.getHours()+":" + time.getMinutes()+":" +time.getSeconds();

        document.getElementById("clock").value = attime;

      }

      setInterval(clock,100);

    </script>


    查看全部
  • <!DOCTYPE HTML>

    <html>

    <head>

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

    <title>window对象</title>

    <script type="text/javascript">

    window.confirm("欢迎来到慕课网");

    function openwin(){

        window.open("https://www.imooc.com/","_blank","width=600,height=400");

    }


    </script>

    </head>

    <body>

    <form>

    <input type="button" value="点击我,打开新窗口" onclick="openwin()" />

    </form>

    </body>

    </html>


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

    2019-04-02

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

      var num=date.getDay();

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

      //document.write(date.getFullYear()+"年"+date.getMonth()+"月"+date.getDate()+"日 "+week[num]+"--班级总分为:"+"<br/>");


      

      

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

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

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

      var scores=new Array();

      var sum=0;

      for(i=0;i<arr1.length;i++)

      {

         var tmp= arr1[i].split(":");

         var score=parseInt(tmp[1]);

         sum+=score;

         scores.push(score);

      }

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

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

      document.write("总分:"+sum+"<br/>");

      document.write(date.getFullYear()+"年"+date.getMonth()+"月"+date.getDate()+"日 "+week[num]+"--班级总分为:"+sum+"<br/>");



    </script>

    </head>

    <body>

    </body>

    </html>


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

    2019-04-02

  • 使用sort()方法,进行数组降序列排列,并输出。

    <script type="text/javascript">

       function sortNum(a,b) {

            return b-a;

       }

    var myarr = new Array("80","16","50","6","100","1");

    document.write(myarr.sort(sortNum));


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

    2019-04-02

  • offsetHeight和offsetWidth,获取网页内容高度和宽度(包括滚动条等边线,会随窗口的显示大小改变)。

    一、值:

    offsetHeight=clientHeight+滚动条+边框。

    二、浏览器兼容性

    var w=document.documentElement.offsetWidth||document.body.offsetWidth;

    h=document.documentElement.offsetHeight||document.body.offsetHeight;

    查看全部
  • document.write(Math.round(3.3)+"<br/>");//3

    document.write(Math.round(-0.1)+"<br/>");//0

    document.write(Math.round(-9.9)+"<br/>");//-10

    document.write(Math.round(8.9)+"<br/>");//9


    查看全部
    0 采集 收起 来源:四舍五入round()

    2019-04-02

  • document.write(Math.floor(3.3)+"<br/>");//3

    document.write(Math.floor(-0.1)+"<br/>");//-1

    document.write(Math.floor(-9.9)+"<br/>");//-10

    document.write(Math.floor(8.9)+"<br/>");//8


    查看全部
    0 采集 收起 来源:向下取整floor()

    2019-04-02

  • document.write(Math.ceil(3.3)+"<br/>");//4

    document.write(Math.ceil(-0.1)+"<br/>");//0

    document.write(Math.ceil(-9.9)+"<br/>");//-9

    document.write(Math.ceil(8.9)+"<br/>");//9


    查看全部
    0 采集 收起 来源:向上取整ceil()

    2019-04-02

  • document.write(  mystr.substr(-6)        + "<br />");

    document.write(  mystr.substr(0,5)                  );


    查看全部

举报

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

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