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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • stringObject.charAt(inndex):可返回指定位置的字符

    注意:1.字符串中第一个字符的下标是 0。最后一个字符的下标为字符串长度减一(string.length-1)。

    2.如果参数 index 不在 0 与 string.length-1 之间,该方法将返回一个空字符串


    查看全部
  • stringObject.length:返回该字符串的长度

    String对象的toUpperCase()将字符窜转化为大写

    toLowerCase()将字符串转化为小写

    查看全部
  • var  对象名=new  Date(){Date()的首字母必须大写.}


    查看全部
    0 采集 收起 来源: Date 日期对象

    2018-10-29

  • objectName.propertyName(访问对象属性的方法)

    数组名.length:数组的长度

    objectNamem.methodName(){访问对象的方法}

    String对象.toUpperCase():将文本转化为大写

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

    2018-10-29

  •  <a> 标签定义超链接,用于从一张页面链接到另一张页面。
      <a> 元素最重要的属性是 href 属性,它指示链接的目标。
      在所有浏览器中,链接的默认外观是:
      未被访问的链接带有下划线而且是蓝色的
      已被访问的链接带有下划线而且是紫色的
      活动链接带有下划线而且是红色的

      <p> 标签定义段落。

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

    2018-10-28

  • 当了解到网页渲染过程,你会发现下面这样写会报undefined。原因是style还没渲染,所以不支持对style进行修改。


    // 鼠标移动改变背景,可以通过给每行绑定鼠标移上事件和鼠标移除事件来改变所在行背景色。

            window.onload = function() {

                var tr = document.getElementsByTagName("tr")

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

                    tr[i].onmouseover = function() {

                        tr[i].style.backgroundColor = "#f2f2f2";

                    }

                    tr[i].onmouseout = function() {

                        tr[i].style.backgroundColor = "#fff";

                    }

                }

            }


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

    2018-10-27

  • 计时器setInterval()

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

    语法:

    setInterval(代码,交互时间);

    参数说明:

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

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

    返回值:

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

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

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

    我们设置一个计时器,每隔100毫秒调用clock()函数,并将时间显示出来,代码如下:

    <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>计时器</title> <script type="text/javascript">   var int=setInterval(clock, 100)   function clock(){     var time=new Date();     document.getElementById("clock").value = time;   } </script> </head> <body>   <form>     <input type="text" id="clock" size="50"  />   </form> </body> </html>


    查看全部
  • JavaScript 计时器

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


    查看全部
  • 访问父节点parentNode

    获取指定节点的父节点

    语法:

    elementNode.parentNode

    注意:父节点只能有一个。

    访问祖节点:

    elementNode.parentNode.parentNode


    查看全部
  • 赋值:document.getElementById(“id”).value = 1; 取值:var = document.getElementById(“id”).value;

    使用parseInt()函数可解析一个字符串,并返回一个整数

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

    2018-10-26

  • 访问子节点的第一和最后项

    一、firstChild 属性返回‘childNodes’数组的第一个子节点。如果选定的节点没有子节点,则该属性返回 NULL。

    语法:

    node.firstChild

    说明:与elementNode.childNodes[0]是同样的效果。 

    二、 lastChild 属性返回‘childNodes’数组的最后一个子节点。如果选定的节点没有子节点,则该属性返回 NULL。

    语法:

    node.lastChild

    说明:与elementNode.childNodes[elementNode.childNodes.length-1]是同样的效果。 


    查看全部
  •  二维数组的定义方法一

    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
       }
     }

    二维数组的定义方法二

    var Myarr = [[0 , 1 , 2 ],[1 , 2 , 3]]


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

    2018-10-26

  • myarray.length; //获得数组myarray的长度
    JavaScript数组的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); //显示数组长度8document.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); //显示数组的长度5arr[15]=34;  //增加元素,使用索引为15,赋值为34alert(arr.length); //显示数组的长度16


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



    查看全部

举报

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

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