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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • math的对象属性:


    math对象的方法:


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

    2019-03-15

  • <!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,100)

    </script>

    </head>

    <body>

    <form>

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

    </form>

    </body>

    </html>


    查看全部
  • 继续循环continue

    continue的作用是仅仅跳过本次循环,而整个循环体继续执行

    查看全部
  •   退出循环break

    在while、for、do...while、while循环中使用break语句退出当前循环,直接执行后面的代码。

    查看全部
    0 采集 收起 来源:退出循环break

    2019-03-15

  • <!DOCTYPE HTML>

    <html>

    <head>

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

    <title>window对象</title>

    <script type="text/javascript">


        function myFunction(){

                        alert("欢迎来到慕课网")

            window.open('https://www.imooc.com/notepad/22cd24','_blank','width=600px height=400px')


        }

    </script>

    </head>

    <body>

    <form>

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

    </form>

    </body>

    </html>


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

    2019-03-15

  • <!DOCTYPE  HTML>

    <html >

    <head>

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

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


    <script type="text/javascript">


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

      var currentDate = new Date();

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

      document.write(

          currentDate.getFullYear() + "年" + 

          (currentDate.getMonth() + 1) + "月" + 

          currentDate.getDate() + "日" + " " + 

          weekday[currentDate.getDay()]

          );

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

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

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

      //document.write(sourceArr);//test

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

       var score = new Array();

       var sum = 0;

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

           sum += parseInt(sourceArr[i].substr(sourceArr[i].indexOf(":")+1));

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

       }

       document.write("--班级总分为:" + sum);

       document.write(",班级平均分为(保留整数):" + Math.round(sum/sourceArr.length))

    </script>

    </head>

    <body>

    </body>

    </html>


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

    2019-03-15

  • <!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 b - a;

       }

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

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

    </script>

    </head>

    <body>

    </body>

    </html>


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

    2019-03-15

  • <!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.slice(1));

    </script>

    </head>

    <body>

    </body>

    </html>


    查看全部
    0 采集 收起 来源:选定元素slice()

    2019-03-15

  • <!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+"<br />");

       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");

        document.write(myarr1.concat(myarr2));

    </script>

    </head>

    <body>

    </body>

    </html>


    查看全部
  • ++a是先自增再执行表达式,执行表达式时使用的是自增后的a;

    a++是先执行表达式后再自增,执行表达式时使用的是a的原值,下一行代码才会改变

     var  b  = 100%7;  表示b等于100除于7得出的余数

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

    2019-03-15

  • <!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.random()*10+"<br />");

    document.write(Math.round(Math.random()*10))

    </script>

    </head>

    <body>

    </body>

    </html>


    查看全部
    0 采集 收起 来源:随机数 random()

    2019-03-15

  • a++ 和 ++a的相同点都是给a+1,不同点是a++是先参加程序的运行再+1,而++a则是先+1再参加程序的运行。

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

    2019-03-15

  • 操作符之间的优先级(高到低):

    算术操作符 比较操作符 逻辑操作符 "="赋值符号

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


    查看全部

举报

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

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