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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • https://img1.sycdn.imooc.com//5af3afae000189dd06810190.jpg

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

    2018-05-10

  • https://img1.sycdn.imooc.com//5af3af6e0001f88109880217.jpg

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

    2018-05-10

  • hash  设置或返回从#开始的url

    host  设置或返回主机名和当前url的端口号

    hostname  设置或返回当前url的主机名

    href  设置或返回完整的url

    pathname  设置或返回当前url的路径部分

    port  设置或返回当前url的端口号

    protocol  设置或返回当前url的协议

    search  设置或返回从?开始的url(查询部分)

    location对象方法

    assign()  加载新的文档

    reload()  重新加载当前文档

    replace()  用心的文档替换当前文档

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

    2018-05-10

  • window.history.go( )

    1 前一个,go(1)等价于forward()

    0  当前页面

    -1 后一个,go(-1)等价于back()

    其他数值 要访问的URL在History的URL列表的相对位置

    查看全部
  • <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;

      }

      setInterval(clock,100);

    </script>


    查看全部
  •    setTimeout() 指定的延迟时间之后来执行代码

       clearTimeOut() 取消setTimeOut()设置

       setInterval()  每隔指定的时间执行代码

       clearInterval()  取消setInterval()设置


    查看全部
  • https://img1.sycdn.imooc.com//5af398ee0001a54506670563.jpg

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

    2018-05-10

  • <script type="text/javascript">

      var strdate = new Date();

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

      var year = strdate.getYear();

      var mon = strdate.getMonth();

      var day = strdate.getDate();

      var week = strdate.getDay();

      document.write(year+ "年"+mon+"月"+day+"日"+"星期"+weekday[week]);

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

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

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

      var myscorearr = scorearr.split(",");

      var sum = 0;

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

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

          sum=sum+myscorearr[i][1];

      }

      var acoreaverage = sum / myscorearr.length;

    document.write(year+ "年"+mon+"月"+day+"日"+" "+"星期"+weekday[week]+"--班级总分为:"acoreaverage);

    </script>


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

    2018-05-10

  • 记住啊,onload事件一定要写在body标签里面呀!

    查看全部
  • 53e198540001b66404860353.jpg

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

    2018-05-09

  • <!DOCTYPE html>

    <html>

     <head>

      <title> 事件</title>  

      <script type="text/javascript">

      function count(){

        var s=""                                                  //定义一个结果变量

        var a=document.getElementById("txt1").value;//获取第一个输入框的值


    var b=document.getElementById("txt2").value;//获取第二个输入框的值


    var c=document.getElementById("select").value;//获取选择框的值

       //获取通过下拉框来选择的值来改变加减乘除的运算法则

    switch (c){


                case "+":s =parseInt(a)+parseInt(b);break;


                case "-":s = a-b;break;


                case "*":s= a*b;break;


                case "/":s =a/b;break;


          }


            //设置结果输入框的值 

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

      }

      </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-05-09

  • 加法的时候 要把字符串转化成数字

    要在switch之前定义一下结果存储容器

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

    2018-05-09

  • 这里aLi[i]是对象。aLi[i].index=i是给这个对象添加一个自定义属性index并且属性值为i,index就是索引的意思。当然这个属性名你可以自取。这里给它自定义这个属性是希望在后面通过这个属性找到并利用这个对象。

    查看全部
    0 采集 收起 来源:编程挑战

    2018-05-09

  • var x = parseInt(prompt("请输入第一个数:"));

    查看全部
    0 采集 收起 来源:有参数的函数

    2018-05-09

  • slice() 方法可从已有的数组中返回选定的元素。

    语法

    arrayObject.slice(start,end)

    参数说明:

    1.返回一个新的数组,包含从 start 到 end (不包括该元素)的 arrayObject 中的元素。

    2. 该方法并不会修改数组,而是返回一个子数组。

    注意:

    1. 可使用负值从数组的尾部选取元素。

    2.如果 end 未被规定,那么 slice() 方法会选取从 start 到数组结尾的所有元素。

    3. String.slice() 与 Array.slice() 相似。


    查看全部
    0 采集 收起 来源:选定元素slice()

    2018-05-09

举报

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

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