为了账号安全,请及时绑定邮箱和手机立即绑定
慕课网数字资源数据库体验端
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
    查看全部
  • 只需使用下一个未用的索引,任何时刻可以不断向数组增加新元素。 myarray[5]=88; //使用一个新索引,为数组增加一个新元素
    查看全部
  • 随机数 random() random() 方法可返回介于 0 ~ 1(大于或等于 0 但小于 1 )之间的一个随机数。
    查看全部
    0 采集 收起 来源:随机数 random()

    2015-07-27

  • 我们还可以用简单的方法创建上面的数组和赋值: 第一种方法: var myarray = new Array(66,80,90,77,59);//创建数组同时赋值 第二种方法: var myarray = [66,80,90,77,59];//直接输入一个数组(称 “字面量数组”) 注意:数组存储的数据可以是任何类型(数字、字符、布尔值等)
    查看全部
  • 四舍五入round() 1. 返回与 x 最接近的整数。 2. 对于 0.5,该方法将进行上舍入。(5.5 将舍入为 6) 3. 如果 x 与两侧整数同等接近,则结果接近 +∞方向的数字值 。(如 -5.5 将舍入为 -5; -5.52 将舍入为 -6),如下图:
    查看全部
    0 采集 收起 来源:四舍五入round()

    2015-07-27

  • 插入节点insertBefore():insertBefore() 方法可在已有的子节点前插入一个新的子节点。 语法:insertBefore(newnode,node); 参数: newnode: 要插入的新节点。 node: 指定此节点前插入节点。 <div id="div1"> <p id="x1">javascript</p> <p>HTML</p> </div> <script type="text/javascript"> var otest=document.getElementById("div1"); var node=document.getElementById("X1"); var newnode=document.createElement("p"); newnode.innerHTML="This is a new p"; otest.insertBefore(newnode,node); </script> <div id="div1"> <p id="x1">javascript</p> <p>HTML</p> </div> <script type="text/javascript"> var otest=document.getElementById("div1"); var node=document.getElementById("X1"); var newnode=document.createElement("p"); newnode.innerHTML="This is a new p"; otest.insertBefore(newnode,node); </script>
    查看全部
  • 向上取整ceil() Math.ceil(x) 注意:它返回的是大于或等于x,并且与x最接近的整数
    查看全部
    0 采集 收起 来源:向上取整ceil()

    2015-07-27

  • 创建数组语法: var myarray=new Array(); 我们创建数组的同时,还可以为数组指定长度,长度可任意指定。 var myarray= new Array(8); //创建数组,存储8个数据。 注意: 1.创建的新数组是空数组,没有值,如输出,则显示undefined。 2.虽然创建数组时,指定了长度,但实际上数组都是变长的,也就是说即使指定了长度为8,仍然可以将元素存储在规定长度以外。
    查看全部
  • var myarr=new Array(); //定义数组 myarr[0]=80; myarr[1]=60; myarr[2]=99;
    查看全部
  • 提取指定数目的字符substr() stringObject.substr(startPos,length) 注意:如果参数startPos是负数,从字符串的尾部开始算起的位置。也就是说,-1 指字符串中最后一个字符,-2 指倒数第二个字符,以此类推。 如果startPos为负数且绝对值大于字符串长度,startPos为0。
    查看全部
  • 插入节点appendChild():在指定节点的最后一个子节点列表之后添加一个新的子节点。 语法:appendChild(newnode) 参数:newnode:指定追加的节点。 <div id="test"> <p id="x1">HTML</p> <p>JavaScript</p> </div> <script type="text/javascript"> var otest=document.getElementById("test"); var newnode=document.createElement("p"); newnode.innerHTML="This is a new p"; otest.appendChild(newnode); </script> 运行结果: HTML JavaScript This is a new p
    查看全部
  • 操作符之间的优先级(高到低): 算术操作符 → 比较操作符 → 逻辑操作符 → "="赋值符号 如果同级的运算是按从左到右次序进行,多层括号由里向外。
    查看全部
  • 添删行,鼠标移动改变背景色。需回顾。
    查看全部
    0 采集 收起 来源:编程练习

    2015-07-27

  • <ul id="u1"> <li id="a">javascript</li> <li id="b">jquery</li> <li id="c">html</li> </ul> <ul id="u2"> <li id="d">css3</li> <li id="e">php</li> <li id="f">java</li> </ul> <script type="text/javascript"> function get_nextSibling(n){ var x=n.nextSibling; while(x.nodeType!=1){ x=x.nextSibling; } return x; } var x=document.getElementsByTagName("li")[0]; document.write(x.nodeName); document.write("="); document.write(x.innerHTML); var y=get_nextSibling(x); document.write("<br/>nextSibling:"); document.write(y.nodeName); document.write("="); document.write(y.innerHTML); </script> 结果是: LI=javascript nextSibling:LI=jquery
    查看全部
    0 采集 收起 来源:访问兄弟节点

    2018-03-22

  • 访问兄弟节点:1. nextSibling 属性可返回某个节点之后紧跟的节点(处于同一树层级中)。 语法:nodeObject.nextSibling; 说明:如果无此节点,则该属性返回 null。 2. previousSibling 属性可返回某个节点之前紧跟的节点(处于同一树层级中)。 语法: nodeObject.previousSibling 说明:如果无此节点,则该属性返回 null。 注意: 两个属性获取的是节点。Internet Explorer 会忽略节点间生成的空白文本节点(例如,换行符号),而其它浏览器不会忽略。
    查看全部
    0 采集 收起 来源:访问兄弟节点

    2015-07-27

举报

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

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