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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 向数组添加一个新元素:

    使用下一个未用的索引,任何时刻可以不断向数组增加新元素。

    查看全部
  • 简单的方法为数组赋值:

    1. 创建数组的同时就赋值:

      var myarray=new Array(66,80,90,77,59);

    2. 直接输入一个数组(称“字面量数组”):

      var myarray=[66,80,90,77,59];

    注意:

    数组存储的数据可以是任何类型(数字、字符、布尔值等)

    查看全部
  •                                      数组赋值

    数组的表达式:

    第一步:创建数组var myarr=new Array();

    第二步:给数组赋值

                  myarr[1]="张三";

                  myarr[2]="李四";

    注意:数组每个值都有一个索引号,从0开始。


    查看全部
  • 如何创建数组(使用数组之前首先要创建数组,而且要把数组本身赋至一个变量)

    创建数组语法:

    var myarray=new Array( );

    https://img1.sycdn.imooc.com//5afe3c700001dc3603620205.jpg

    注意:

    1. 创建的数组是空数组,没有值,如输出,则显示undefined.

    2. 虽然创建数组时,指定了长度,但实际上素组都是变长的,也就是说即使指定了长度为8,仍然可以将元素存储在规定长度外。

    查看全部
  • 数组是一个值得集合,每一个值都有一个索引号,从0开始,每个索引都有一个相应·的值,根据需要添加更多数值。

    查看全部
  • 与变量相比数组能够存储的数据更多。

    一个变量只能存储一个数据,而数组可以存放多个数据。

    查看全部
  • 操作符优先级:

    1. 除法、乘法操作符的优先级比加法和减法高

    2. 算术操作符>比较操作符>逻辑操作符>赋值符号

    3. 添加括号可以改变运算的优先级。

    4. 同级运算按从左到右的顺序依次进行,多层括号由里到外。

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

    clearInterval() 方法可取消由 setInterval() 设置的交互时间。

    语法:

    clearInterval(id_of_setInterval)

    参数说明:
    id_of_setInterval:由 setInterval() 返回的 ID 值。

    每隔 100 毫秒调用 clock() 函数,并显示时间。当点击按钮时,停止时间,代码如下:

    <!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;    } // 每隔100毫秒调用clock函数,并将返回值赋值给i      var i=setInterval("clock()",100); </script> </head> <body>   <form>     <input type="text" id="clock" size="50"  />     <input type="button" value="Stop" onclick="clearInterval(i)"  />   </form> </body> </html>


    查看全部
  • 计时器setInterval()

    在执行时,从载入页面后每隔指定的时间执行代码。

    语法:

    setInterval(代码,交互时间);

    参数说明:

    1. 代码:要调用的函数或要执行的代码串。

    2. 交互时间:周期性执行或调用表达式之间的时间间隔,以毫秒计(1s=1000ms)。

    返回值:

    一个可以传递给 clearInterval() 从而取消对"代码"的周期性执行的值。

    调用函数格式(假设有一个clock()函数):

    setInterval("clock()",1000) 或 setInterval(clock,1000)


    查看全部
  • 逻辑非操作符(!):非真即假,非假即真。

    逻辑非操作符值表:

    https://img1.sycdn.imooc.com//5afe373700019a1b02360107.jpg

    查看全部
  • 逻辑或操作符(||):当两个条件中的任一个条件满足,逻辑或“||”的运算结果为真。

    逻辑或操作符值表:

    https://img1.sycdn.imooc.com//5afe35ea000174c303520176.jpg

    注意:如果A为真,A||B为真,不会执行B;反之,如果A为假,要由B的值来决定A||B的值。


    查看全部
  • 逻辑与操作符(&&):只有当&&两边值都为真时整个表达式的值才为真。

    逻辑与操作符值表:

    https://img1.sycdn.imooc.com//5afe348f000180a003800180.jpg注意:如果A为假,A&&B为假,不会再执行B;反之,如果A为真,要由B的值来决定A&&B的值。

    查看全部
  • JavaScript 计时器

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


    查看全部
  • <!DOCTYPE HTML>

    <html>

    <head>

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

    <title>无标题文档</title>

    </head>

    <body>



      <div><b id="oldnode">JavaScript</b>是一个很常用的技术,为网页添加动态效果。</div>

      <a href="javascript:replaceMessage()"> 加粗斜体互相转换</a>

      

        <script type="text/javascript">

          function replaceMessage(){

            var ele = document.getElementById("oldnode");

            if(ele.tagName === "B") {

                var newEle = document.createElement("i");

                newEle.id = "oldnode";

            } else {

                var newEle = document.createElement("b");

                newEle.id = "oldnode";

            }

            newEle.innerHTML = "JavaScript";

    ele.parentNode.replaceChild(newEle,ele);

           }    

      </script>

      

     </body>

    </html>

    查看全部
  • 数组排序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

     

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

    2.如要实现这一点,就必须使用一个排序函数,代码如下:

    <script type="text/javascript">   function sortNum(a,b) {   return a - b;  //升序,如降序,把“a - b”该成“b - a” }  var myarr = new Array("80","16","50","6","100","1");   document.write(myarr + "<br>");   document.write(myarr.sort(sortNum)); </script>


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

    2018-05-18

举报

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

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