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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • . 二维数组的定义方法一

    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-11-17

  • 获取数组的长度属性:i.length(i是新的变量名称)

    查看全部
  • 尝试获取LI标签的name值

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

    查看全部
  • <!DOCTYPE HTML>

    <html>

    <head>

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

    <title>getAttribute()</title>

    </head>

    <body>   

    <p id="intro">课程列表</p>  

        <ul>  

            <li title="第1个li" name="te1">HTML</li>  

            <li>CSS</li>  

            <li title="第3个li" name="te2">JavaScript</li>  

            <li title="第4个li" name="te3">Jquery</li>  

            <li name="te4">Html5</li>  

        </ul>  

    <p>以下为获取的不为空的li标签title值:</p>

    <script type="text/javascript">

        var con=document.getElementsByTagName("li");

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

        var text=con[i].getAttribute("name");

          if(text!=null)

          {

            document.write(text+"<br>");

          }

        } 

     </script> 

    </body>

    </html>


    查看全部

  • function  i(j){

    document.write(Math.ceil(j) +"<br\>");

    }

    i(  3.5 );

    i(-3.5);

    输出:4;

    -3




    Math.ceil();  向上的取整数;

    查看全部
    0 采集 收起 来源:向上取整ceil()

    2018-11-17

  • 颠倒数组元素顺序

    shuzu.reverse()

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


    查看全部
  • dingyi/shuzu.join("分隔符")    分隔符:  想以什么形式分割数组之间的联系

    查看全部
  • 数据的连接    dingying/shuzu   .concat(数组,数组,数组, .....);一般用法   var  某一个= dingyi. concat(数组,数组)

    查看全部
  • onfocus事件不能搭配alert()来使用,当光标聚焦到对象时,触发事件里面有alert,alert可以理解为最上层窗口,这时页面所有的东西都是不能触发的,就是有一层透明的纸挡住了,这样对象就不会失去焦点,就会一直触发聚焦事件

    查看全部
  • Math.random()将会随机获得一个0到1 的数字

    查看全部
    0 采集 收起 来源:随机数 random()

    2018-11-17

  • Math.ceil(数字)能够向上取整数 ,它返回的是大于或等于x,并且与x最接近的整数。

    查看全部
    0 采集 收起 来源:向上取整ceil()

    2018-11-17

  • 提取指定数目的字符

    dingyi.substr(开始的位置,提取的长度)

    若是没有说明长度则是提取开始到结尾所有字符

    查看全部
  • 一维数组,我们看成一组盒子,每个盒子只能放一个内容。

    一维数组的表示: myarray[ ]

    二维数组,我们看成一组盒子,不过每个盒子里还可以放多个盒子。

    二维数组的表示: myarray[ ][ ]

    注意: 二维数组的两个维度的索引值也是从0开始,两个维度的最后一个索引值为长度-1。 

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


    注意: 关于for 循环语句,请看第四章4-5 。

    将上面二维数组,用表格的方式表示:

    2. 二维数组的定义方法二

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

    3. 赋值

    myarr[0][1]=5; //将5的值传入到数组中,覆盖原有值。

    说明: myarr[0][1] ,0 表示表的行,1表示表的列。



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

    2018-11-17

  • 语法:

    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


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

    第一步:创建数组var myarr=new Array(); 
    第二步:给数组赋值
            myarr[1]=" 张三";
            myarr[2]=" 李四";

    下面创建一个数组,用于存储5个人的数学成绩。

    var myarray=new Array(); //创建一个新的空数组myarray[0]=66; //存储第1个人的成绩myarray[1]=80; //存储第2个人的成绩myarray[2]=90; //存储第3个人的成绩myarray[3]=77; //存储第4个人的成绩myarray[4]=59; //存储第5个人的成绩

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

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

    第一种方法:

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

    第二种方法:

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

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


    查看全部

举报

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

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