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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • reverse() 方法用于颠倒数组中元素的顺序。 语法: arrayObject.reverse() 注意:该方法会改变原来的数组,而不会创建新的数组。 例子:定义数组myarr并赋值,然后颠倒其元素的顺序: <script type="text/javascript"> var myarr = new Array(3) myarr[0] = "1" myarr[1] = "2" myarr[2] = "3" document.write(myarr + "<br />") document.write(myarr.reverse()) </script> 运行结果: 1,2,3 3,2,1
    查看全部
  • join()方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。 语法: arrayObject.join(分隔符) 参数说明: separator:指定要使用的分隔符。如果省略该参数,则使用逗号作为分割 注意:返回一个字符串,该字符串把数组中的各个元素串起来,用<分隔符>置于元素与元素之间。这个方法不影响数组原本的内容。 我们使用join()方法,将数组的所有元素放入一个字符串中。 例子:数组的所有元素放入一个字符串中: <script type="text/javascript"> var myarr = new Array(3); myarr[0] = "I"; myarr[1] = "love"; myarr[2] = "JavaScript"; document.write(myarr.join()); </script> 运行结果:I,love,JavaScript 使用分隔符来分隔数组中的元素: <script type="text/javascript"> var myarr = new Array(3) myarr[0] = "I"; myarr[1] = "love"; myarr[2] = "JavaScript"; document.write(myarr.join(".")); </script> 运行结果:I.love.JavaScript
    查看全部
  • concat() 方法用于连接两个或多个数组。此方法返回一个新数组,不改变原来的数组。 语法 arrayObject.concat(array1,array2,...,arrayN) 参数说明: array1:要连接的第一个数组 arrayN:第N个数组 注意: 该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本。 例子:创建一个数组,将把 concat() 中的参数连接到数组 myarr 中: <script type="text/javascript"> var mya = new Array(3); mya[0] = "1"; mya[1] = "2"; mya[2] = "3"; document.write(mya.concat(4,5)+"<br>"); document.write(mya); </script> 运行结果: 1,2,3,4,5 1,2,3 创建了三个数组,然后使用 concat() 把它们连接起来: <script type="text/javascript"> var mya1= new Array("hello!") var mya2= new Array("I","love"); var mya3= new Array("JavaScript","!"); var mya4=mya1.concat(mya2,mya3); document.write(mya4); </script> 运行结果:hello!,I,love,JavaScript,!
    查看全部
  • 数组对象是一个对象的集合,里边的对象可以是不同类型的。数组的每一个成员对象都有一个“下标”,用来表示它在数组中的位置,是从零开始的。 数组定义的方法: 1. 定义了一个空数组: var 数组名= new Array(); 2. 定义时指定有n个空元素的数组: var 数组名 =new Array(n); 3.定义数组的时候,直接初始化数据: var 数组名 = [<元素1>, <元素2>, <元素3>...]; 说明:数组里边的元素是:数组名[0] = 元素1; 数组名[1] = 元素2; 数组名[2] = 元素3 数组元素使用: 数组名[下标] = 值; 注意: 数组的下标用方括号括起来,从0开始。 数组属性: length 用法:<数组对象>.length; 返回:数组的长度,即数组里有多少个元素。它等于数组里最后一个元素的下标加一。 数组方法: concat():连接两个或更多的数组,并返回结果 join():把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分割 pop():删除并返回数组的最后一个元素 push():向数组的末尾添加一个活更多元素,并返回新的长度 reverse():颠倒数组中元素的顺序 shift():删除并返回数组的第一个元素 slice():从某个已有的数组返回选定的元素 sort():对数组的元素进行排序 splice():删除元素,并想数组添加新元素 toSource():返回该对象的源代码 toString():把数组转换为字符串,并返回结果 toLocaleString():把数组转换为本地数组,并返回结果 unshift():向数组的开头添加一个或更多元素,并返回新的长度 valueOf():返回数组对象的原始值
    查看全部
    0 采集 收起 来源: Array 数组对象

    2018-03-22

  • random() 方法可返回介于 0 ~ 1(大于或等于 0 但小于 1 )之间的一个随机数。 语法: Math.random(); 注意:返回一个大于或等于 0 但小于 1 的符号为正的数字值。 例子:我们取得介于 0 到 1 之间的一个随机数: <script type="text/javascript"> document.write(Math.random()); </script> 运行结果:0.190305486195328 注意:因为是随机数,所以每次运行结果不一样,但是0 ~ 1的数值。 获得0 ~ 10之间的随机数: <script type="text/javascript"> document.write((Math.random())*10); </script> 运行结果:8.72153625893887
    查看全部
    0 采集 收起 来源:随机数 random()

    2018-03-22

  • round() 方法可把一个数字四舍五入为最接近的整数。 语法: Math.round(x) 参数说明: x是必需的,必须是数字。 注意: 1. 返回与 x 最接近的整数。 2. 对于 0.5,该方法将进行上舍入。(5.5 将舍入为 6) 3. 如果 x 与两侧整数同等接近,则结果接近 +∞方向的数字值 。(如 -5.5 将舍入为 -5; -5.52 将舍入为 -6) 例子:把不同的数舍入为最接近的整数: <script type="text/javascript"> document.write(Math.round(1.6)+ "<br>"); document.write(Math.round(2.5)+ "<br>"); document.write(Math.round(0.49)+ "<br>"); document.write(Math.round(-6.4)+ "<br>"); document.write(Math.round(-6.6)); </script> 运行结果: 2 3 0 -6 -7
    查看全部
    0 采集 收起 来源:四舍五入round()

    2018-03-22

  • floor() 方法可对一个数进行向下取整。 语法: Math.floor(x) 参数说明: x是必需的,任意数值或表达式 注意:返回的是小于或等于x,并且与x最接近的整数。 例子:我们将在不同的数字上使用 floor() 方法: <script type="text/javascript"> document.write(Math.floor(0.8)+ "<br>") document.write(Math.floor(6.3)+ "<br>") document.write(Math.floor(5)+ "<br>") document.write(Math.floor(3.5)+ "<br>") document.write(Math.floor(-5.1)+ "<br>") document.write(Math.floor(-5.9)) </script> 运行结果: 0 6 5 3 -6 -6
    查看全部
    0 采集 收起 来源:向下取整floor()

    2018-03-22

  • ceil() 方法可对一个数进行向上取整。 语法: Math.ceil(x) 参数说明: x是必需的,必须是一个数值。 注意:它返回的是大于或等于x,并且与x最接近的整数。 例子:我们将把 ceil() 方法运用到不同的数字上: <script type="text/javascript"> document.write(Math.ceil(0.8) + "<br />") document.write(Math.ceil(6.3) + "<br />") document.write(Math.ceil(5) + "<br />") document.write(Math.ceil(3.5) + "<br />") document.write(Math.ceil(-5.1) + "<br />") document.write(Math.ceil(-5.9)) </script> 运行结果: 1 7 5 4 -5 -5
    查看全部
    0 采集 收起 来源:向上取整ceil()

    2018-03-22

  • 插入节点appendChild() 在指定节点的最后一个子节点列表之后添加一个新的子节点。 语法: appendChild(newnode) 参数: newnode:指定追加的节点。 也可以: <script type="text/javascript"> var otest = document.getElementById("test"); var newnode = document.createElement("li"); var newtext= document.createTextNode("PHP"); newnode.appendChild(newtext); otest.appendChild(newnode); </script> innerHTML和createTextNode都可以把一段内容添加到一个节点中,区别是如果这段内容中有html标签时表现就不同了,在createTextNode中会当作文本处理,不会被浏览器解析,但用innerHTML就会被当作HTML代码处理
    查看全部
  • 访问兄弟节点 1. nextSibling 属性可返回某个节点之后紧跟的节点(处于同一树层级中)。 语法: nodeObject.nextSibling 说明:如果无此节点,则该属性返回 null。 2. previousSibling 属性可返回某个节点之前紧跟的节点(处于同一树层级中)。 语法: nodeObject.previousSibling 说明:如果无此节点,则该属性返回 null。 注意: 两个属性获取的是节点。Internet Explorer 会忽略节点间生成的空白文本节点(例如,换行符号),而其它浏览器不会忽略。 解决问题方法: 判断节点nodeType是否为1, 如是为元素节点,跳过。
    查看全部
    0 采集 收起 来源:访问兄弟节点

    2014-12-13

  • Math对象,提供对数据的数学计算。 Math对象属性: E:返回算术常量e,即自然对数的底数(约等于2.718) LN2:返回2的自然对数(约等于0.693) LN10:返回10的自然对数(约等于2.302) LOG2E:返回以2为底的e的对数(约等于1.442) LOG10E:返回以10为底的e的对数(约等于0.434) PI:返回圆周率(约等于3.14159) SQRT1_2:返回2的平方根的倒数(约等于0.707) SQRT2:返回2的平方根(约等于1.414) Math的对象方法: abs(x):返回数的绝对值 acos(x):返回数的反余弦值 asin(x):返回数的反正弦值 atan(x):返回数字的反正切值 atan2(y,x):返回由x轴到点(x,y)的角度(以弧度为单位) ceil(x):对数进行上舍入 cos(x):返回数的余弦 exp(x):返回e的指数 floor(x):对数进行下舍入 log(x):翻译数的自然对数(底为e) max(x,y):返回 x 和 y 中的最高值 min(x,y):返回 x 和 y 的最低值 pow(x,y):返回 x 的 y 次幂 random():返回0-1之间的随机数 round(x):把数四舍五入为最接近的整数 sin(x):返回数的正弦 sqrt(x):返回数的平方根 tan(x):返回角的正切 toSource():返回该对象的源代码 valueOf():返回Math对象的原始值
    查看全部
    0 采集 收起 来源:Math对象

    2014-12-13

  • substr() 方法从字符串中提取从 startPos位置开始的指定数目的字符串。 语法: stringObject.substr(startPos,length) 参数说明: startPos:必需,要提取的子字符串的起始位置。必须是数值。 length:可选,提取字符串的长度。如果省略,返回从stringObject的开始startPos到stringObject的结尾的字符。 注意:如果参数startPos是负数,从字符串的尾部开始算起的位置。也就是说,-1 指字符串中最后一个字符,-2 指倒数第二个字符,以此类推。 如果startPos为负数且绝对值大于字符串长度,startPos为0。 例子:使用 substr() 从字符串中提取一些字符,代码如下: <script type="text/javascript"> var mystr="I love JavaScript!"; document.write(mystr.substr(7)); document.write(mystr.substr(2,4)); </script> 运行结果: JavaScript! love
    查看全部
  • substring() 方法用于提取字符串中介于两个指定下标之间的字符。 语法: stringObject.substring(startPos,stopPos) 参数说明: startPos:必需,一个非负的整数,开始位置。 stopPos:可选。一个非负的整数,结束位置,如果省略该参数,那么返回的子字符串会一直到字符串对象的结束。 注意: 1. 返回的内容是从 start开始(包含start位置的字符)到 stop-1 处的所有字符,其长度为 stop 减start。 2. 如果参数 start 与 stop 相等,那么该方法返回的就是一个空串(即长度为 0 的字符串)。 3. 如果 start 比 stop 大,那么该方法在提取子串之前会先交换这两个参数。 例子:使用 substring() 从字符串中提取字符串,代码如下: <script type="text/javascript"> var mystr="I love JavaScript"; document.write(mystr.substring(7)); document.write(mystr.substring(2,6)); </script>
    查看全部
  • split() 方法将字符串分割为字符串数组,并返回此数组。 语法: stringObject.split(separator,limit) 参数说明: separator:必需,从该参数指定的地方分割stringObject limit:可选参数,分割的次数,如设置该参数,返回的字符串不会对于这个参数指定的数据,如果无此参数为不限制次数。 注意:如果把空字符串 ("") 用作 separator,那么 stringObject 中的每个字符之间都会被分割。 例子: 使用指定符号分割字符串,代码如下: var mystr = "www.imooc.com"; document.write(mystr.split(".")+"<br>"); document.write(mystr.split(".", 2)+"<br>"); 运行结果: www,imooc,com www,imooc 将字符串分割为字符,代码如下: document.write(mystr.split("")+"<br>"); document.write(mystr.split("", 5)); 运行结果: w,w,w,.,i,m,o,o,c,.,c,o,m w,w,w,.,i
    查看全部
  • indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。 语法: stringObject.indexOf(substring, startpos) 参数说明: substring是必需的,规定需检索的字符串值 startpos:可选的整数参数,规定在字符串中开始检索的位置,它的合法取值是0到stringObject.length-1。如省略该参数,则将从字符串的首字符开始检索。 说明: 1.该方法将从头到尾地检索字符串 stringObject,看它是否含有子串 substring。 2.可选参数,从stringObject的startpos位置开始查找substring,如果没有此参数将从stringObject的开始位置查找。 3.如果找到一个 substring,则返回 substring 的第一次出现的位置。stringObject 中的字符位置是从 0 开始的。 注意: 1.indexOf() 方法区分大小写。 2.如果要检索的字符串值没有出现,则该方法返回 -1。 例如: 对 "I love JavaScript!" 字符串内进行不同的检索: <script type="text/javascript"> var str="I love JavaScript!" document.write(str.indexOf("I") + "<br />"); document.write(str.indexOf("v") + "<br />"); document.write(str.indexOf("v",8)); </script>
    查看全部

举报

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

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