为了账号安全,请及时绑定邮箱和手机立即绑定
慕课网数字资源数据库体验端
JavaScript进阶篇_学习笔记_慕课网
为了账号安全,请及时绑定邮箱和手机立即绑定

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • JavaScript 计时器

    用window对象的计时器方法可以在设定的时间间隔之后来执行代码,而不是在函数被调用后立即执行,用来完成特定任务。

    一次性计时器window.setTimeout(); //指定的延迟时间之后来执行代码。

    间隔性触发计时器window.setInterval(); //每隔一定的时间间隔就触发一次。

    查看全部
  • <!DOCTYPE HTML>

    <html>

    <head>

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

    <title>屏幕分辨率的高和宽</title>

    </head>

    <body>

    <script type="text/javascript">

    document.write("可用宽度:" + screen.availWidth);

    document.write("可用高度:" + screen.availHeight);   

    </script>

    </body>

    </html>


    查看全部
  • <!DOCTYPE HTML>

    <html>

    <head>

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

    <title>屏幕分辨率的高和宽</title>

    </head>

    <body>

    <script type="text/javascript">

    document.write( "屏幕宽度:"+screen.width+"px<br />");

    document.write( "屏幕高度:"+screen.height+"px<br />");       

    </script>

    </body>

    </html>


    查看全部
  • mynum = 10;
    mynum++; //mynum的值变为11mynum--; //mynum的值又变回10
    查看全部
  • <!DOCTYPE HTML>

    <html>

    <head>

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

    <title>计时器</title>

    <script type="text/javascript">

      var num=0;

      function startCount() {

        document.getElementById('count').value=num;

        num=num+1;

        setTimeout("numCount()",1000); 

      }

        setTimeout("numCount()",1000);

    </script>

    </head>

    <body>

    <form>

    <input type="text" id="count" />

    </form>

    </body>

    </html>


    查看全部
  • <!DOCTYPE HTML>

    <html>

    <head>

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

    <title>定时器</title>

    <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,1000); 

    </script>

    </head>

    <body>

    <form>

    <input type="text" id="clock" size="50"  />

    </form>

    </body>

    </html>


    查看全部
  • <!DOCTYPE html>

    <html>

    <head>

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

    <title>Array对象 </title>

    <script type="text/javascript">

       function sortNum(a,b) {

       return a-b;

       }

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

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

    </script>

    </head>

    <body>

    </body>

    </html>


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

    2018-05-30

  • <!DOCTYPE html>

    <html>

    <head>

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

    <title>Array对象 </title>

    <script type="text/javascript">

       var myarr1= ["我","爱","你"];

       document.write(myarr1.reverse());

    </script>

    </head>

    <body>

    </body>

    </html>


    查看全部
  • <!DOCTYPE html>

    <html>

    <head>

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

    <title>Array对象 </title>

    <script type="text/javascript">

        var myarr1= new Array("86","010")

        var myarr2= new Array("84697581");

        var myarr3= myarr1.concat(myarr2);

        document.write(myarr3.join("-"));

    </script>

    </head>

    <body>

    </body>

    </html>


    查看全部
  • <!DOCTYPE html>

    <html>

    <head>

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

    <title>Array对象 </title>

    <script type="text/javascript">

        var myarr1= new Array("010")

        var myarr2= new Array("-","84697581");

        var myarr3=myarr1.concat(myarr1,myarr2);

        document.write(myarr3);

    </script>

    </head>

    <body>

    </body>

    </html>


    查看全部
  • 系好安全带,准备启航--目标JS

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

    2018-05-30

  • 获取时分秒   

    attime=time.getHours()+"时:"+time.getMinutes()+'分:'+time.getSeconds()+'秒';

    查看全部
  • window对象

    BOM(Browser Object Model)即浏览器对象模型.

    window对象是BOM的核心,window对象指当前的浏览器窗口。

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

    2018-05-30

  • <!DOCTYPE  HTML>

    <html >

    <head>

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

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


    <script type="text/javascript">

    var Time = new Date();

    var month = Time.getMonth()+1;

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

    var mynum=Time.getDay();

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

    var score=sorceStr.split(";");

     var num = 0;

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

    {

       num += parseInt(score[i].substr(score[i].indexOf(":")+1));

    }

    document.write(Time.getFullYear()+"年"+month+"月"+Time.getDate()+"日"+weekday[mynum]+"--"+"班级总分为:"+num+"班级平均分为:"+Math.round(num/score.length));

    </script>

    </head>

    <body>

    </body>

    </html>


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

    2018-05-30

  • 日期对象.get/setFullYear() 返回/设置年份,用四位数表示。get时返回值是四位数整数.

    日期对象.getDay()返回0-6的数字来代表星期几.0 表示星期天, 1表示星期一,以此类推。

    日期对象.getMonth() 方法可返回表示月份的数字。返回值是 0(一月) 到 11(十二月) 之间的一个整数。

    查看全部

举报

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

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