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

JavaScript进阶篇

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


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

    2019-09-22

  • 返回浏览历史中的其他页面

    查看全部
  • 返回下一个浏览的页面

    查看全部
  • 返回前一个浏览的页面

    查看全部
  • 返回前一个浏览的页面

    查看全部
  • 取消计时器clearTimeout()

    查看全部
  • 查看全部
  • <!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 runTime=setInterval(clock,1000);
    </script>
    </head>
    <body>
      <form>
        <input type="text" id="clock" size="50"  />
        <input type="button" value="Stop" onclick="clearInterval(runTime)" />
      </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();         
      var attime=time.getHours()+":"+time.getMinutes()+":"+time.getSeconds();
      document.getElementById("clock").value = attime;
       }
    setInterval("clock()", 1000);
    </script>
    </head>
    <body>
     <form>
        <input type="text" id="clock" size="10"  />
     </form>
    </body>
    </html>

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

    2019-09-21

  • <!DOCTYPE HTML>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>window对象</title>
    <script type="text/javascript">

    function myOpen()
    {
        alert("欢迎来到慕课网...");
        window.open("http://www.imooc.com/","_blank","width=600px,height=400px");
    }
    myOpen();
    </script>
    </head>
    <body>
    <form>
    <input type="button" value="点击我,打开新窗口" onclik="myOpen()" />
    </form>
    </body>
    </html>


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

    2019-09-21

  • <!DOCTYPE  HTML>
    <html >
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>第7章JS内置对象练习</title>
     <script type="text/javascript">
       //获取日期
        var myDate=new Date();
        var year=myDate.getFullYear();
        var month=myDate.getMonth();
        var day=myDate.getDate();
        var newDate=(year+'年'+month+'月'+day+'日');
        //document.write(newDate+'<br />');
       //获取星期
        var weekInfo=['星期日','星期一','星期二','星期三','星期四','星期五','星期六'];
        var weekNum=myDate.getDay();
        var weekDay=weekInfo[weekNum]
        //document.write(weekDay+'<br />');
       //获取成绩
      var scoreArr = {小明:87,小花:81,小红:97,小天:76,小张:74,小小:94,小西:90,小伍:76,小迪:64,小曼:76};
      var sum=0;
      var average=0;
      for(var info in scoreArr){
       sum+=scoreArr[info];
      }
      average=Math.round(sum/10);
      //document.write(average+'<br />');
       //输出结果
        document.write(newDate+'&nbsp;'+'&nbsp;'+weekDay+'--班级总分为:'+average)
     </script>
    </head>
    <body>
    </body>
    </html>


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

    2019-09-21

  • 回头要好好复习这章


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

    2019-09-21

  • <!DOCTYPE html>
    <html>
     <head>
     <title> 第6章 事件响应练习</title> 
      <script type="text/javascript">
        function count(){
        //获取第一个输入框的值
         var num1=parseInt(document.getElementById('txt1').value);
        //获取第二个输入框的值
        var num2=parseInt(document.getElementById('txt2').value);
        //获取选择框的值
         var comOp=document.getElementById('select').value;
        //获取通过下拉框来选择的值来改变加减乘除的运算法则
         switch (comOp)
          {
          case '+':
           result = num1 + num2;
           break;
          case '-':
           result = num1 - num2;
           break;
          case '*':
           result = num1 * num2;
           break;
          case '/':
           result = num1 / num2;
           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-09-21

  • <!DOCTYPE  HTML>
    <html >
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>第四章编程练习-数组和语句部分</title>
    <script type="text/javascript">
             //第一步把之前的数据写成一个数组的形式,定义变量为 infos
            var infos = [['小A','女','21','大一'],['小B','男',23,'大三'],['小C','男',24,'大四'],['小D','女',21,'大一'],['小E','女',22,'大四'],['小F','男','21','大一'],['小G','女',22,'大二'],['小H','女',20,'大三'],
                                  ['小I','女',20,'大一'],['小J','男',20,'大三']];
                                 
                    //第一次筛选,找出都是大一的信息
                    var infroLen = infos.length;
                    var gradeArr = new Array();
                    var n = 0;
                    for(var i = 0; i<infroLen; i++){
                            if (infos[i][3] == '大一' ){
                                    document.write(infos[i] + '<br/>');
                                    gradeArr[n] = infos[i];
                                    n++;
                            }
                    }
                    document.write("大一女生信息如下:" + '<br />');

                   //第二次筛选,找出都是女生的信息
                    var gradeLen = gradeArr.length;
                    for(var j = 0; j<gradeLen; j++){
                            if (gradeArr[j][1] == '女' ){
                                document.write(gradeArr[j] + '<br />');
                            }
                    }
    </script>
    </head>
    <body>
    </body>
    </html>


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

    2019-09-21

举报

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

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