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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • stringObject.substring(startPos,stopPos )

    startPos 必需。一个非负的整数,开始位置。

    stopPos 可选,一个非负的整数,结束位置,如果省略该参数,那么返回的子串会一直到字符串对象的结尾。

    查看全部
  • <!DOCTYPE HTML>

    <html>

    <head>

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

    <title>window对象</title>

    <script type="text/javascript">

    function aa(){

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

        window.open('www.baidu.com','_blank','width:600,height:400')

    }


    </script>

    </head>

    <body>

    <form>

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

    </form>

    </body>

    </html>


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

    2019-08-14

  • <script type="text/javascript">

      var date = new Date();

      var year = date.getFullYear();

      var Month = date.getMonth()+1; 

      var date1 = date.getDate();

      var day  = date.getDay();

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


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


       var asd= scoreStr.split(';')

       var count = 0;

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

          var item = asd[i];

          var start = item.indexOf(':');

          var score = item.substring(start + 1);

          count = count + parseInt(score);

      }

      

      document.write(count);

      


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

    2019-08-14

  • 这就是事件

    查看全部
    0 采集 收起 来源:什么是事件

    2019-08-14

  • function sum(a,b){

        if(a>b){

            return a 

        }

        else if(a<b){

            return b

        }

        else{

            return '一样大'}

    }

       yk=sum(5,4)

       yk2=sum(6,3)

      yk3=sum(5,5)

      document.write(" 5 和 4 的较大值是:"+yk+"<br>");

      document.write(" 6 和 3 的较大值是:" +yk2+"<br>"); 

      document.write(" 5和 5 的较大值是:" +yk3); 


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

    2019-08-14

  • <!DOCTYPE HTML>

    <html>

    <head>

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

    <title>计时器</title>


    <script type="text/javascript">

      var num=0;

      var i;

      function startCount(){

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

        num=num+1;

        i=setTimeout("startCount()",1000);

      }

      function stopCount(){

      clearTimeout(i);

      }

    </script>

    </head>

    <body>

      <form>

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

        <input type="button" value="Start" onclick="startCount()" />

        <input type="button" value="Stop" onclick="stopCount()"  />

      </form>

    </body>

    </html>


    查看全部
  •   function  app2(x,y)

      { var sum,x,y;

        sum = x * y;

       return sum;

      }

       var req1=app2(5,6);

       var req2=app2(2,3);

      var sumq=req1+req2;


    查看全部
    0 采集 收起 来源:返回值的函数

    2019-08-14

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

       var t=setTimeout("startCount()",1000)  

      }

      

    </script>

    </head>

    <body>

    <form>

    <input type="text" id="count" onclick="startCount()" />

    </form>

    </body>

    </html>


    查看全部
  • <!DOCTYPE HTML>

    <html>

    <head>

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

    <title>计时器</title>

    <script type="text/javascript">

       function clock(){

          var time=new Date();                  

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

       }

        var i=setInterval(clock,1000);

    </script>

    </head>

    <body>

      <form>

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

        <input type="button" value="Stop" onclick="clearInterval(i);"  />

      </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.getTime() ;

        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>window对象</title>

    <script type="text/javascript">

    function aa(){

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

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

    }

    </script>

    </head>

    <body>

    <form>

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

    </form>

    </body>

    </html>


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

    2019-08-14

  • 数组定义的方法:

    1. 定义了一个空数组:

    var  数组名= new Array();

    2. 定义时指定有n个空元素的数组:

    var 数组名 =new Array(n);

    3.定义数组的时候,直接初始化数据:

    var  数组名 = [<元素1>, <元素2>, <元素3>...];

    我们定义myArray数组,并赋值,代码如下:

    var myArray = [2, 8, 6];


    查看全部
    0 采集 收起 来源: Array 数组对象

    2019-08-14

  • 四舍五入round()

    round() 方法可把一个数字四舍五入为最接近的整数。

    1. 返回与 x 最接近的整数。

    2. 对于 0.5,该方法将进行上舍入。(5.5 将舍入为 6)

    3. 如果 x 与两侧整数同等接近,则结果接近 +∞方向的数字值 。(如 -5.5 将舍入为 -5; -5.52 将舍入为 -6


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

    2019-08-14

  • 向下取整floor()

    floor() 方法可对一个数进行向下取整。


    注意:返回的是小于或等于x,并且与 x 最接近的整数。

    我们将在不同的数字上使用 floor() 方法,代码如下:

    <script type="text/javascript">
      document.write(Math.floor(0.8)+ "<br>")
      document.write(Math.floor(6.3)+ "<br>")
      document.write(Math.floor(5)+ "<br>")
      document.write(Math.floor(3.5)+ "<br>")
      document.write(Math.floor(-5.1)+ "<br>")
      document.write(Math.floor(-5.9))
    </script>

    运行结果:

    0
    6
    5
    3
    -6
    -6


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

    2019-08-14

  • 向上取整ceil()


    注意:它返回的是大于或等于x,并且与x最接近的整数。

    我们将把 ceil() 方法运用到不同的数字上,代码如下:

    <script type="text/javascript">
      document.write(Math.ceil(0.8) + "<br />")
      document.write(Math.ceil(6.3) + "<br />")
      document.write(Math.ceil(5) + "<br />")
      document.write(Math.ceil(3.5) + "<br />")
      document.write(Math.ceil(-5.1) + "<br />")
      document.write(Math.ceil(-5.9))
    </script>

    运行结果:

    1
    7
    5
    4
    -5
    -5


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

    2019-08-14

举报

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

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