为了账号安全,请及时绑定邮箱和手机立即绑定

JavaScript进阶篇

难度入门
时长 8小时55分
学习人数
综合评分9.47
2557人评价 查看评价
9.7 内容实用
9.4 简洁易懂
9.3 逻辑清晰
  • 返回星期方法getDay() 返回星期,返回的是0-6的数字,0 表示星期天。如果要返回相对应“星期”,通过数组完成,代码如下:<script type="text/javascript">   
    var mydate=new Date();//定义日期对象  
     var weekday=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"]; //定义数组对象,给每个数组项赋值 
      var mynum=mydate.getDay();//返回值存储在变量mynum中  
       document.write(mydate.getDay());//输出getDay()获取值 
         document.write("今天是:"+ weekday[mynum]);//输出星期几 
      </script>


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

    2019-12-22

  • 返回/设置年份方法
    get/setFullYear() 返回/设置年份,用四位数表示。
    var mydate=new Date();//当前时间2014年3月6日 
    document.write(mydate+"<br>");//输出当前时间 
    document.write(mydate.getFullYear()+"<br>");//输出当前年份 
    mydate.setFullYear(81); //设置年份 
    document.write(mydate+"<br>");//输出年份被设定为 0081年。


    查看全部
  • 鼠标移开事件(onmouseout)鼠标移开事件,
    当鼠标移开当前对象时,执行onmouseout调用的程序。
    当把鼠标移动到"登录"按钮上,然后再移开时,
    触发onmouseout事件,调用函数message(),
    代码如下:


    查看全部
  • 鼠标经过事件(onmouseover)鼠标经过事件,当鼠标移到一个对象上时,该对象就触发onmouseover事件,
    并执行onmouseover事件调用的程序。现实鼠标经过"确定"按钮时,触发onmouseover事件,
    调用函数info(),
    弹出消息框,代码如下:[object Object]


    查看全部
  • 了解成员数量(数组属性length)如果我们想知道数组的大小,
    只需引用数组的一个属性length。
    Length属性表示数组的长度,即数组中元素的个数。
    
    语法:myarray.length; //获得数组myarray的长度


    查看全部
  • 1. JS是区分大小写的,如:classname和ClassName是不一样的。同时注意方法、属性、变量等的大小写吆。
    
    2. JS中的字符、符号等一定要在英文状态下输入吆。


    查看全部
    0 采集 收起 来源:让你认识JS

    2019-12-18

  • JavaScript关键字、保留字


    查看全部
  • 细节上都是问题,script位置,函数的参数 标签的属性,还有就是记清楚每个方法的特性,老是出错在细节上,半天找不到特别浪费时间,其他老哥写的代码确实很棒,值得学习

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

    2019-12-18


  • <!DOCTYPE HTML>

    <html>

    <head>

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

    <title>getAttribute()</title>

    </head>

    <body>   

    <p id="intro">课程列表</p>  

        <ul>  

            <li title="第1个li">HTML</li>  

            <li>CSS</li>  

            <li title="第3个li">JavaScript</li>  

            <li title="第4个li">Jquery</li>  

            <li>Html5</li>  

        </ul>  

    <p>以下为获取的不为空的li标签title值:</p>

    <script type="text/javascript">

        var con=document.getElementsByTagName("li");

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

          var text = con[i].getAttribute("title")

          if(text!=null)

          {

            document.write(text+"<br>");

          }

        } 

     </script> 

    </body>

    </html>


    查看全部

  • <!DOCTYPE html>
    <html>
     <head>
      <title>浏览器对象</title>
      <meta http-equiv="Content-Type" content="text/html; charset=gkb"/>
         <style>
             p{
                 display: inline;
             }
         </style>
     </head>
     <body>
      <!--先编写好网页布局-->
      <h2>操作成功</h2>
      <p id="backto">5秒后回到主页</p>
      <a href="http://www.imooc.com" id="click">返回</a>
      <!--<form>-->
          <!--<input type="button" value="start" onclick="timing()">-->
      <!--</form>-->
      <script type="text/javascript">
       //获取显示秒数的元素,通过定时器来更改秒数。
       var stop;
       var time = 5;
       function timing() {
            time--;
            // stop = setTimeout(timing, 1000);
            // document.write(i+"秒后回到主页");
            document.getElementById("backto").innerText = time+"秒后回到主页";
            if (time==0){
                clearInterval(stop);
                // document.getElementById("click").click();
                window.history.go(-1);
            }
        }
        stop = setInterval(timing, 1000);
       //通过window的location和history对象来控制网页的跳转。
    
     </script>
    </body>
    </html>


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

    2019-12-17

  • 因浏览器兼容性问题   获取子节点时会将标签后的空白节点与换行位置当作一个文本节点 添加到数组中

    查看全部

  • <!DOCTYPE  HTML>
    <html >
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>系好安全带,准备启航</title>
    
    <script type="text/javascript">
    
      var date = new Date();
      var week = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"];
      var month = +date.getUTCMonth()+1;
      document.write(date.getFullYear()+"年"+month+"月"+date.getDate()+"日 "+week[date.getDay()]+"<br>");
      var scoreStr = "小明:87;小花:81;小红:97;小天:76;小张:74;小小:94;小西:90;小伍:76;小迪:64;小曼:76";
      var split_arr = scoreStr.split(";");
      var sum=0;
      for (var i=0; i<split_arr.length; i++){
          // document.write(split_arr[i].split(":")[1]);
          sum += parseInt(split_arr[i].split(":")[1]);
      }
      document.write("平均成绩为:"+sum/split_arr.length);
    
    
    
    
    </script>
    </head>
    <body>
    </body>
    </html>


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

    2019-12-16

  • <!DOCTYPE html><html> <head>  <title> 事件</title>    <script type="text/javascript">   function count(){          //获取第一个输入框的值    var txt1 = document.getElementById("txt1").value;	//获取第二个输入框的值	var txt2 = document.getElementById("txt2").value;	//获取选择框的值	var getvalue = document.getElementById("select").value;	//获取通过下拉框来选择的值来改变加减乘除的运算法则	var result;	switch(getvalue){	    case "+": result = parseInt(txt1)+parseInt(txt2);break;	    case "-": result = txt1-txt2;break;	    case "*": result = txt1*txt2;break;	    case "/": result = txt1/txt2;break;	}    //设置结果输入框的值     document.getElementById("fruit").value = result;   }  </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 采集 收起 来源:编程练习

    2019-12-16

  • <!DOCTYPE  HTML>

    <html >

    <head>

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

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


    <script type="text/javascript">


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

      var mydate = new Date();

      var year = mydate.getFullYear();

      var month = mydate.getMonth();

      var data = mydate.getDate();

      var day = mydate.getDay()

      if(month < 10) {

    month = "0" + month;

    }

    if(data < 10) {

    data = "0" + data;

    }

      switch(day){

          case 0:

              var w = '星期日';

              break;

          case 1:

              var w = '星期一';

              break;

          case 2:

              var w = '星期二';

              break;

          case 3:

              var w = '星期三';

              break;

          case 4:

              var w = '星期四';

              break;  

          case 5:

              var w = '星期五';

              break;

          case 6:

              var w = '星期六';

              break;

      }

      document.write(year+"年"+month+"月"+data+"日"+" "+w+"<br/>");


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

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

       var scoreArr = scoreStr.split(";");


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


      var num,sum = 0;


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


          //查找 : 的位置


          var index = scoreArr[i].indexOf(":");


          //取 : 后的全部数据(避免成绩有3位或者一位),并转换数据类型


          num = parseInt(scoreArr[i].substring(index+1));


          //相加


          sum += num;


      }

      var aver = Math.round(sum/(scoreArr.length));

     

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

      document.write("班级平均分为"+aver);

      


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

      



    </script>

    </head>

    <body>

    </body>

    </html>


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

    2019-12-14

  • <title> 卸载事件 </title>

    <script type="text/javascript">   

         window.onunload = onunload_message;   

         function onunload_message(){   

            alert("您确定离开该网页吗?");   

        }   

    </script>   


    查看全部

举报

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

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

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