为了账号安全,请及时绑定邮箱和手机立即绑定
慕课网数字资源数据库体验端
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 weekend = ["星期天","星期一","星期二","星期三","星期四","星期五","星期六"];
      var weekend_today = weekend[mydate.getDay()];
     
      
     

     
     
      //成绩是一长窜的字符串不好处理,找规律后分割放到数组里更好操作哦
      var scoreStr = "小明:87;小花:81;小红:97;小天:76;小张:74;小小:94;小西:90;小伍:76;小迪:64;小曼:76";
       var myarr = [];
      myarr = scoreStr.split(";",10);
      document.write(mydate.toLocaleDateString() +"&nbsp&nbsp&nbsp");
      document.write(weekend_today +"&nbsp&nbsp&nbsp");
      document.write("--班级平均分为");
     
    //   var sum = 0;
    //  for (var i=0;i<myarr.length;i++){
    //      sum = myarr[i] + sum;
    //  }
    // document.write(sum);
    var sum = 0;
    var aaa  = [10];
     for (var i=0;i<myarr.length;i++){
        aaa[i] = myarr[i].substring(3,5);
        sum = sum + parseInt(aaa[i]);
      }
     document.write(sum/10);
      //从数组中将成绩撮出来,然后求和取整,并输出。
     


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

    //日期班级,平均分

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

    2018-05-22

  • confirm():确定+取消

    alert():确定

    prompt():请输入

    查看全部
  • <!DOCTYPE html>

    <html>

    <head>

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

    <title>Math </title>

    <script type="text/javascript">

      document.write(Math.round(3.3)+ "<br>");

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

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

      document.write(Math.round(8.9));

    </script>

    </head>

    <body>

    </body>

    </html>


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

    2018-05-22

  • <!DOCTYPE html>

    <html>

    <head>

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

    <title>Math </title>

    <script type="text/javascript">

      document.write(Math.floor(3.3)+ "<br>")

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

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

      document.write(Math.floor(8.9))

    </script>

    </head>

    <body>

    </body>

    </html>


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

    2018-05-22

  • <!DOCTYPE html>

    <html>

    <head>

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

    <title>Math </title>

    <script type="text/javascript">

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

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

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

      document.write(Math.ceil(8.9));

    </script>

    </head>

    <body>

    </body>

    </html>


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

    2018-05-22

  • <!DOCTYPE HTML>

    <html>

    <head>

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

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

    <script type="text/javascript">

    var mystr="Hello World!";

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

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

    </script>

    </head>

    <body>

    </body>

    </html>


    查看全部
  • <!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.substring(7)+ "<br />");

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

    </script>

    </head>

    <body>

    </body>

    </html>


    查看全部
  • <!DOCTYPE HTML>

    <html>

    <head>

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

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

    <script type="text/javascript">

    var mystr="86-010-85468578";

    document.write(mystr.split("-")+ "<br />");

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

    document.write(mystr.split("",3));

    </script>

    </head>

    <body>

    </body>

    </html>


    查看全部
  • <!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",2));

    </script>

    </head>

    <body>

    </body>

    </html>


    查看全部
  • <!DOCTYPE html>

    <html>

    <head>

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

    <title>string对象 </title>

      <script type="text/javascript">

      var mystr="I love JavaScript!"

      document.write(mystr.charAt(mystr.length-1));

    </script>

    </head>

    <body>

    </body>

    </html>


    查看全部
  • <!DOCTYPE html>

    <html>

    <head>

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

    <title>string对象 </title>

      <script type="text/javascript">

        var message="I love JavaScript!";

        var mychar=message.toLowerCase();

        document.write("字符串为:"+mychar+"<br>");

    </script>

    </head>

    <body>

    </body>

    </html>


    查看全部
  • <!DOCTYPE html>

    <html>

    <head>

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

    <title>日期对象 </title>

    <script type="text/javascript">

     var mydate=new Date();

      document.write("当前时间:"+mydate+"<br>");

      mydate.setTime( mydate.setTime(mydate.getTime()+ 2* 60 * 60 * 1000);

      document.write("推迟二小时时间:" + mydate);

    </script>

    </head>

    <body>

    </body>

    </html>


    查看全部
  • <!DOCTYPE html>

    <html>

    <head>

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

    <title>获得年份 </title>

    <script type="text/javascript">

    var mydate=new Date(); 

    var myyear=mydate.getFullYear();

    document.write("年份:"+myyear);

    </script>

    </head>

    <body>

    </body>

    </html>


    查看全部
  • <!DOCTYPE HTML>

    <html>

    <head>

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

    <title> 加载事件 </title>

    <script type="text/javascript">

      function message(){

        alert("加载中,请稍等…"); }

    </script>    

    </head>

    <body onload="message()">

      欢迎学习JavaScript。

    </body>

    </html>


    查看全部
  • <!DOCTYPE HTML>

    <html>

    <head>

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

    <title> 文本框内容改变事件 </title>

    <script type="text/javascript">

      function message(){

        alert("您改变了文本内容!"); }

    </script>    

    </head>

    <body>

      <form>

      个人简介:<br>

       <textarea name="summary" cols="60" rows="5" onchange="message()">请写入个人简介,不少于200字!</textarea>

      </form>

    </body>

    </html>


    查看全部

举报

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

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