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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 数组属性length:

    如果我们想知道数组的大小,只需引用数组的一个属性length。length属性表示数组的长度,即数组中元素的个数。

    语法:

    myarray.length; //获得数组myarray的长度

    注意:因为数组的索引总是由0开始,所以一个数组的上下限分别是:0和length-1。如数组的长度是5,数组的上下限分别是0和4。

    var arr=[55,32,5,90,60,98,76,54];//包含8个数值的数组arr

    document.write(arr.length); //显示数组长度为8

    document.write(arr[7]); //显示数组第8个元素的值为54

    特别注意:JavaScript数组的length属性是可变的。

    如:arr.length=10; //增大数组的长度

    document.write(arr.length); //数组长度已经变为10

    数组随元素的增加,长度也会改变,如下:

    var arr=[98,76,54,56,76]; //包含5个数值的数组

    document.write(arr.length); //显示数组的长度为5

    arr[15]=34;  //增加元素,索引为15,赋值为34

    alert(arr.length); //显示数组的长度为16

    查看全部
  • 使用数组元素:

    我们知道数组中的每个值有一个索引号,从0开始,如下图, myarray变量存储6个人的成绩:
     

    要得到一个数组元素的值,只需引用数组变量并提供一个索引,如:
    第一个人的成绩表示方法:myarray[0]
    第三个人的成绩表示方法:myarray[2]

    查看全部
  • 向数组增加一个新元素:

    我们使用myarray变量存储了5个人的成绩,现在多出一个人的成绩,如何存储呢?

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

    myarray[5]=88; //使用一个新索引,为数组增加一个新元素。

    查看全部
  • 数组的表达方式:

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

    myarr[0] = " 张三";

    myarr[1] = " 李四";

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

    我们还可以用简单的方法创建上面的数组和赋值:

    第一种方法:

    var myarray = new Array(66,80,90,77,59); //创建数组同时赋值

    第二种方法:

    var myarray = [66,80,90,77,59]; //直接输入一个数组(称 “字面量数组”)

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

    查看全部
  • History 对象

    history对象记录了用户曾经浏览过的页面(URL),并可以实现浏览器前进与后退相似导航的功能。

    注意:从窗口被打开的那一刻开始记录,每个浏览器窗口、每个标签页乃至每个框架,都有自己的history对象与特定的window对象关联。

    语法:

    window.history.[属性|方法]

    注意:window可以省略。

    History 对象属性

    History 对象方法

    使用length属性,当前窗口的浏览历史总长度,代码如下:

    <script type="text/javascript">   var HL = window.history.length;   document.write(HL); </script>

     


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

    2018-08-16

  • 取消计时器clearTimeout()

    setTimeout()和clearTimeout()一起使用,停止计时器。

    语法:

    clearTimeout(id_of_setTimeout)

    参数说明:
    id_of_setTimeout:由 setTimeout() 返回的 ID 值。该值标识要取消的延迟执行代码块。

    下面的例子和上节的无穷循环的例子相似。唯一不同是,现在我们添加了一个 "Stop" 按钮来停止这个计数器:

    <!DOCTYPE HTML> <html> <head> <script type="text/javascript">   var num=0,i;   function timedCount(){     document.getElementById('txt').value=num;     num=num+1;     i=setTimeout(timedCount,1000);   }     setTimeout(timedCount,1000);   function stopCount(){     clearTimeout(i);   } </script> </head> <body>   <form>     <input type="text" id="txt">     <input type="button" value="Stop" onClick="stopCount()">   </form> </body> </html>

     

    任务

    补充右边编辑器第16行,完成取消计时器函数。

    补充右边编辑器第23行,点击Start按钮后,开始计数。

    补充右边编辑器第24行,点击Stop按钮后,停止计数。

    <!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>计时器</title><script type="text/javascript">  var num=0;  var i;  function startCount(){    document.getElementById('count').value=num;    num=num+1;    i=setTimeout("startCount()",100);  }  function stopCount(){  clearTimeout(i);  }  function qingLing(){      num=0;      document.getElementById("count").value=num;  }</script></head><body>  <form>    <input type="text" id="count" />    <input type="button" value="Start" onclick="startCount()" />    <input type="button" value="Stop" onclick="stopCount()" />    <input type="button" value="清零" onclick="qingLing()" />  </form></body></html>


    查看全部
  • 计时器setTimeout()

    setTimeout()计时器,在载入后延迟指定时间后,去执行一次表达式,仅执行一次。

    语法:

    setTimeout(代码,延迟时间);

    参数说明:

    1. 要调用的函数或要执行的代码串。
    2. 延时时间:在执行代码前需等待的时间,以毫秒为单位(1s=1000ms)。

    当我们打开网页3秒后,在弹出一个提示框,代码如下:

    <!DOCTYPE HTML> <html> <head> <script type="text/javascript">   setTimeout("alert('Hello!')", 3000 ); </script> </head> <body> </body> </html>

    当按钮start被点击时,setTimeout()调用函数,在5秒后弹出一个提示框。

    <!DOCTYPE HTML> <html> <head> <script type="text/javascript"> function tinfo(){   var t=setTimeout("alert('Hello!')",5000);  } </script> </head> <body> <form>   <input type="button" value="start" onClick="tinfo()"> </form> </body> </html>

    要创建一个运行于无穷循环中的计数器,我们需要编写一个函数来调用其自身。在下面的代码,当按钮被点击后,输入域便从0开始计数。

    <!DOCTYPE HTML> <html> <head> <script type="text/javascript"> var num=0; function numCount(){  document.getElementById('txt').value=num;  num=num+1;  setTimeout("numCount()",1000);  } </script> </head> <body> <form> <input type="text" id="txt" /> <input type="button" value="Start" onClick="numCount()" /> </form> </body> </html>


    查看全部
  • 创建数组语法:

    var myarray=new Array();

    我们创建数组的同时,还可以为数组指定长度,长度可任意指定。

    var myarray=new Array(8); //创建数组,存储8个数据。

    注意:
    1. 创建的新数组是空数组,没有值,如输出,则显示undefined。
    2. 虽然创建数组时,指定了长度,但实际上数组都是变长的,也就是说即使指定了长度为8,仍然可以将元素存储在规定长度以外。

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

    查看全部
  • 不管while里的条件判断是否成立,do {} 里面的代码先执行一次,这时打印的是6,num此时为5,而你的判断条件是mynum=0的时候才执行,所以只会打印一次

    查看全部
  • 操作符之间的优先级(由高到低):

    算术操作符 > 比较操作符 > 逻辑操作符 > "="赋值符号。

    查看全部
  • 1.知识讲解:split() 方法将字符串分割为字符串数组,并返回此数组。

    2.注意:如果把空字符串 ("") 用作 separator,那么 stringObject 中的每个字符之间都会被分割。

    3.

    查看全部
  • 1.get/setTime() 返回/设置时间,单位毫秒数,

    2.注意:1. 一小时 60 分,一分 60 秒,一秒 1000 毫秒

    3. 时间推迟 1 小时,就是: “x.setTime(x.getTime() + 60 * 60 * 1000);”



    查看全部
  • 如果只想要 HTML/CSS 这个标签的标题,而不要这个标签下的子节点内容,应该怎么写?

    查看全部
  • 如果只想要 HTML/CSS 这个标签的标题,而不要这个标签下的子节点内容,应该怎么写?

    查看全部

举报

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

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