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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 回头再看

    查看全部
  • getElementsByName       多个 数组  元素   带上s

    getElementsByTagName

    查看全部
  •    var con = document.getElementById("con");
       con.style.color= "red";
       con.style.backgroundColor="#CCC";
       con.style.display="none";

    查看全部
    0 采集 收起 来源:认识DOM

    2018-03-29

  • ;分隔每个人

    :分隔成绩

    parseInt()转换成绩为字符型

    求和求平均

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

    2018-03-29

  • 返回字符串的最后一个字符

     var mystr="I love JavaScript!"
      document.write(mystr.charAt(mystr.length-1) );


    查看全部
  • 小写转大写
    var mynum=mystr.toUpperCase();
    查看全部
  • 时间的设置

     var mydate=new Date();
      document.write("当前时间:"+mydate+"<br>");
      mydate.setTime( mydate.getTime()  + 2* 60 * 60 * 1000);
      document.write("推迟二小时时间:" + mydate);


    查看全部
  • Date对象中处理时间的常用方法

    555c650d0001ae7b04180297.jpg

    查看全部
    0 采集 收起 来源: Date 日期对象

    2018-03-29

  • mynum.length,后面不加括号

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

    2018-03-29

  • 计算器代码 JS

    <!DOCTYPE html>

    <html>

     <head>

      <title> 事件</title>  

      <script type="text/javascript">

       function count(){

           var a=parseInt(document.getElementById("txt1").value);

           var b=parseInt(document.getElementById("txt2").value);

           var c=document.getElementById("select").value;

           var m;

           switch(c){

           case "+":

               m= a+b;

               break;

           case "-":

               m= a-b;

               break;

           case "*":

               m= a*b;

               break;

          default:

               m= a/b;

       }

      document.getElementById("fruit").value=m;

       }

     

      </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-03-29

  • switch(表达式){case值1:
      执行代码块 1  break;case值2:
      执行代码块 2  break;...case值n:
      执行代码块 n  break;default:
      与 case值1 、 case值2...case值n 不同时执行的代码
    }


    查看全部
  • 赋值:document.getElementById(“id”).value = 1; 取值:var = document.getElementById(“id”).value;

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

    2018-03-29

  • 53e198540001b66404860353.jpg

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

    2018-03-29

  • //使用二维数据
    var infos=[['小A','女',21,'大一'],  ['小B','男',23,'大三'],
        ['小C','男',24,'大四'],  ['小D','女',21,'大一'],
        ['小E','女',22,'大四'],  ['小F','男',21,'大一'],
        ['小G','女',22,'大二'],  ['小H','女',20,'大三'],
        ['小I','女',20,'大一'],  ['小J','男',20,'大三']];
     //第一步把之前的数据写成一个数组的形式,定义变量为 infos
     for(var i=0;i<infos.length;i++){
         if(infos[i][3]=='大一'&&infos[i][1]=='女'){
            document.write(infos[i][0]);
         }
     }


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

    2018-03-29

  • continue与break不同,break退出循环不再执行,continue仅是结束本次循环,进入下一轮循环

    查看全部

举报

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

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