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

JavaScript进阶篇

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


    “window对象”指“当前的浏览器窗口”


    “window对象”是BOM的核心!


    window对象方法:

    alert()

    prompt()

    confirm()

    open()

    close()

    print()

    focus()

    blur()

    moveBy()

    moveTo()

    resizeBy()

    resizeTo()

    scrollBy

    scrollTo

    setInterval()

    setTimeout()

    clearInterval()

    clearTimeout()


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

    2018-08-15

  • JavaScript 计时器

    在JavaScript中,我们可以在设定的时间间隔之后来执行代码,而不是在函数被调用后立即执行。
    计时器类型:
    一次性计时器:仅在指定的延迟时间之后触发一次。
    间隔性触发计时器:每隔一定的时间间隔就触发一次。
    计时器方法:

     


    查看全部
  • window对象

    window对象是BOM的核心,window对象指当前的浏览器窗口。

    window对象方法:

    注意:在JavaScript基础篇中,已讲解了部分属性,window对象重点讲解计时器。


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

    2018-08-14

  • for循环用于重复一件事。括号内两个分号。

    查看全部
  • 什么是对象 JavaScript 中的所有事物都是对象,如:字符串、数值、数组、函数等,每个对象带有属性和方法。 对象的属性:反映该对象某些特定的性质的,如:字符串的长度、图像的长宽等; 对象的方法:能够在对象上执行的动作。例如,表单的“提交”(Submit),时间的“获取”(getYear)等; 访问对象属性的语法: objectName.propertyName 访问对象的方法: objectName.methodName()

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

    2018-08-14

  • 遇break停止,不遇break继续执行下一句。

    查看全部
  • 数组排序sort()

    sort()方法使数组中的元素按照一定的顺序排列。

    语法:

    arrayObject.sort(方法函数)

    参数说明:

    1.如果不指定<方法函数>,则按unicode码顺序排列。

    2.如果指定<方法函数>,则按<方法函数>所指定的排序方法排序。

    myArray.sort(sortMethod);

     

    注意: 该函数要比较两个值,然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和 b,其返回值如下: 

      若返回值<=-1,则表示 A 在排序后的序列中出现在 B 之前。
      若返回值>-1 && <1,则表示 A 和 B 具有相同的排序顺序。
      若返回值>=1,则表示 A 在排序后的序列中出现在 B 之后。

    1.使用sort()将数组进行排序,代码如下:

    <script type="text/javascript">   var myarr1 = new Array("Hello","John","love","JavaScript");    var myarr2 = new Array("80","16","50","6","100","1");   document.write(myarr1.sort()+"<br>");   document.write(myarr2.sort()); </script>

     

    运行结果:

    Hello,JavaScript,John,love 1,100,16,50,6,80

     

    注意:上面的代码没有按照数值的大小对数字进行排序。


    查看全部
    0 采集 收起 来源: 数组排序sort()

    2018-08-14

  • 表达式:

    指具有一定的值、用操作符把常数和变量连接起来的代数式。一个表达式可以包含常数或变量。

    注意:串表达式中mychar是变量。

     

    注意:数值表达式中num是变量。

     

    注意:布尔表达式中num是变量。

    查看全部
  • offsetTop=body.margin+body.border+最外层盒子的margin-top;

    offsetLeft=body.margin+body.border+最外层盒子的margin-left;

    scrollTop相对于盒子内部,文档向上移动为正(滚动条向下移动);scrollLeft,文档向左移动为正(滚动条向右移动);

    查看全部
  • var myarr=new Array();  //先声明一维 
    for(var i=0;i<2;i++){   //一维长度为2
       myarr[i]=new Array();  //再声明二维 
       for(var j=0;j<3;j++){   //二维长度为3
       myarr[i][j]=i+j;   // 赋值,每个数组元素的值为i+j
       }
     }


    查看全部
    0 采集 收起 来源:二维数组

    2018-08-14

  •    var mydate=new Date();
       var weekday=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
       var pan=mydate.getDay();
       document.write(mydate.getFullYear()+"年"+mydate.getMonth()+"月"+mydate.getDate()+"日 "+weekday[pan]+"--");
        var scoreStr = "小明:87;小花:81;小红:97;小天:76;小张:74;小小:94;小西:90;小伍:76;小迪:64;小曼:76";
       //var s=scoreStr.split(/[:;]/)//  /[]/多分号分割
      //document.write(s+"</br>");
      // document.write(s.length+"<br/>");
       
     
       // document.write(scoreStr.substr(15,2)+"<br/>");
        //document.write(scoreStr.length+"<br/>");
     //document.write(mystr.substr(2,4));
     var sum=0;
     
        for(var i=1;i<=10;i++)
        {   
           sum= sum+ parseInt(scoreStr.substr(3+(i-1)*6,2))
           
           
        }

     document.write("班级总分为:"+Math.floor(sum/10));

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

    2018-08-14

  • 数组排序sort()


    arrayObject.sort(方法函数)


    排序函数——升序/降序


    查看全部
    0 采集 收起 来源: 数组排序sort()

    2018-08-14

  • 选定元素slice()

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

    语法

    arrayObject.slice(start,end)

    参数说明:

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

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

    注意:

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

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

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

    我们将创建一个新数组,然后从其中选取的元素,代码如下:

    <script type="text/javascript">   var myarr = new Array(1,2,3,4,5,6);   document.write(myarr + "<br>");   document.write(myarr.slice(2,4) + "<br>");   document.write(myarr); </script>

     

    运行结果:

    1,2,3,4,5,6 3,4 1,2,3,4,5,6


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

    2018-08-14

  • 颠倒数组元素顺序reverse()

    reverse() 方法用于颠倒数组中元素的顺序。

    语法:

    arrayObject.reverse()

     

    注意:该方法会改变原来的数组,而不会创建新的数组。

    定义数组myarr并赋值,然后颠倒其元素的顺序:

    <script type="text/javascript">   var myarr = new Array(3)   myarr[0] = "1"   myarr[1] = "2"   myarr[2] = "3"   document.write(myarr + "<br />")   document.write(myarr.reverse()) </script>

     

    运行结果:

    1,2,3 3,2,1


    查看全部
  • 指定分隔符连接数组元素join()

    join()方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。

    语法:

    arrayObject.join(分隔符)

    参数说明:

    注意:返回一个字符串,该字符串把数组中的各个元素串起来,用<分隔符>置于元素与元素之间。这个方法不影响数组原本的内容。 我们使用join()方法,将数组的所有元素放入一个字符串中,代码如下:  

    <script type="text/javascript">   var myarr = new Array(3);   myarr[0] = "I";   myarr[1] = "love";   myarr[2] = "JavaScript";   document.write(myarr.join()); </script>

    运行结果:

    I,love,JavaScript

    我们将使用分隔符来分隔数组中的元素,代码如下:

    <script type="text/javascript">   var myarr = new Array(3)   myarr[0] = "I";   myarr[1] = "love";   myarr[2] = "JavaScript";   document.write(myarr.join(".")); </script>

     

    运行结果:

    I.love.JavaScript


    查看全部

举报

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

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