为了账号安全,请及时绑定邮箱和手机立即绑定
慕课网数字资源数据库体验端
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">

      var attime;

      function clock(){

        var time=new Date();          

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

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

      }

      var int=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>系好安全带,准备启航</title>


    <script type="text/javascript">


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

      var Udate = new Date();

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

      document.write(Udate.getFullYear()+"年"+Udate.getMonth()+"月"+Udate.getDay()+"日 "+weekday[Udate.getDay()]+"<br>");


      

      

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

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

      var score= scoreStr.split("-");


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

       var sum=0;


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


      {


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


      }


      document.write("--班级总分为"+sum+"<br/>");

      document.write("班级平均分为"+Math.round(sum/score.length));



    </script>

    </head>

    <body>

    </body>

    </html>


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

    2018-11-13

  • stringObject.substring(startPos,stopPos)

    substring() 方法用于提取字符串中介于两个指定下标之间的字符。  其中,

    stopPos下标为你要选择的字符位置+1


    查看全部
  • split(“分割的字符”,“分割的次数(可选)”)  该方法可以分割字符串

    超出给出的分割次数的时候,后面的字符会进行省略

    查看全部
  • stringObject.charAt(index)

    获取指定位置的字符,并非字符串,只能获取一个

    查看全部
  • getDay() 返回星期,返回的是0-6的数字,0 表示星期天。如果要返回相对应“星期”,需要通过数组完成

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


    查看全部
    0 采集 收起 来源:返回星期方法

    2018-11-13

  • 1. 一小时 60 分,一分 60 秒,一秒 1000 毫秒

          2. 时间推迟 1 小时,就是: “x.setTime(x.getTime() + 60 * 60 * 1000);”


    查看全部
  •  toUpperCase() 该方法可以把小写的英文字符串修改为大写

    查看全部
    0 采集 收起 来源:什么是对象

    2018-11-13

  • parseInt()函数可解析一个字符串,并返回一个整数

    文本框返回的值都是为字符串,不同的类型需要进行不同的转换

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

    2018-11-13

  • onunload事件为卸载事件

    一般用于关闭或者退出时给用户的提示。

    查看全部
  • onchange事件中,只有当你改变了内容,并且失去焦点的情况下才会触发onchange事件

    查看全部
  • 节点属性

    在文档对象模型 (DOM) 中,每个节点都是一个对象。DOM 节点有三个重要的属性 :

    1. nodeName : 节点的名称

    2. nodeValue :节点的值

    3. nodeType :节点的类型

    一、nodeName 属性: 节点的名称,是只读的。

    1. 元素节点的 nodeName 与标签名相同
    2. 属性节点的 nodeName 是属性的名称
    3. 文本节点的 nodeName 永远是 #text
    4. 文档节点的 nodeName 永远是 #document

    二、nodeValue 属性:节点的值

    1. 元素节点的 nodeValue 是 undefined 或 null
    2. 文本节点的 nodeValue 是文本自身
    3. 属性节点的 nodeValue 是属性的值

    三、nodeType 属性: 节点的类型,是只读的。以下常用的几种结点类型:

    元素类型    节点类型
      元素          1
      属性          2
      文本          3
      注释          8
      文档          9


    查看全部
    0 采集 收起 来源:节点属性

    2018-11-13

  • <html >

    <head>

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

    <title>流程控制语句</title>

    <script type="text/javascript">

       var inofs=new Array( ['小A','女',21,'大一'],['小B','男',23,'大三'],['小C','男',24,'大四'],['小D','女',21,'大一'],['小E','女',22,'大四'],['小F','男',21,'大一'],['小G','女',22,'大二'],['小H','女',20,'大三'],['小I','女',20,'大一'],['小J','男',20,'大三']);


        //第一次筛选,找出都是大一的信息

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

            if(inofs[i][3]=="大一"){

                document.write(inofs[i]+"<br/>");

            }

        }

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


        //第二次筛选,找出都是女生的信息

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

            if(inofs[i][3]=="大一"){

                if(inofs[i][1]=="女"){

                    document.write(inofs[i][0]+"<br/>");

                }

            }

        }

    </script>

    </head>

    <body>

    </body>

    </html>


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

    2018-11-13

  • <!DOCTYPE html>

    <html>

     <head>

      <title> 事件</title>  

      <script type="text/javascript">

         function count() {

             $("#txt1").val();      

             $("#txt2").val();

             var a=$("select").val();     

             switch (a) {

                 case "+":        

                     $("#fruit").val(Number($("#txt1").val()) + Number($("#txt2").val()));

                    break;

                 case "-":

                     $("#fruit").val($("#txt1").val() - $("#txt2").val());

                     break;

                 case "*":

                     $("#fruit").val($("#txt1").val() * $("#txt2").val());

                     break;

                 case "/":

                     $("#fruit").val($("#txt1").val() / $("#txt2").val());

                     break;

             }

         }

      </script> 

     </head> 

     <body>

       <input type='text' id='txt1' /> 

       <select id='select'>

    <option value='+'>+</option>

    <option value="-">-</option>

    <option value="*">*</option>

    <option value="/">/</option>

       </select>

       <input type='text' id='txt2' /> 

       <input type='button' value=' = ' onclick="count();"/> <!--通过 = 按钮来调用创建的函数,得到结果--> 

       <input type='text' id='fruit' />   

     </body>

    </html>


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

    2018-11-13

  • 提取字符串substring()

    substring() 方法用于提取字符串中介于两个指定下标之间的字符。

    查看全部

举报

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

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