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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 指定分隔符连接数组元素join() join()方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。 语法: arrayObject.join(分隔符) 参数说明: 注意:返回一个字符串,该字符串把数组中的各个元素串起来,用<分隔符>置于元素与元素之间。这个方法不影响数组原本的内容。 我们使用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
    查看全部
  • 浏览器兼容(offsetHeight)
    查看全部
  • 浏览器兼容(scrollHeight)、scrollHeight和scrollWidth还可获取Dom元素中内容实际占用的高度和宽度
    查看全部
  • 数组连接concat() concat() 方法用于连接两个或多个数组。此方法返回一个新数组,不改变原来的数组。 语法 arrayObject.concat(array1,array2,...,arrayN) 参数说明: 注意: 该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本。 我们创建一个数组,将把 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,!
    查看全部
  • 在不同浏览器都实用的 JavaScript 方案(获得浏览器窗口的尺寸)
    查看全部
  • Array 数组对象 数组对象是一个对象的集合,里边的对象可以是不同类型的。数组的每一个成员对象都有一个“下标”,用来表示它在数组中的位置,是从零开始的 数组定义的方法: 1. 定义了一个空数组: var 数组名= new Array(); 2. 定义时指定有n个空元素的数组: var 数组名 =new Array(n); 3.定义数组的时候,直接初始化数据: var 数组名 = [<元素1>, <元素2>, <元素3>...]; 我们定义myArray数组,并赋值,代码如下: var myArray = [2, 8, 6]; 说明:定义了一个数组 myArray,里边的元素是:myArray[0] = 2; myArray[1] = 8; myArray[2] = 6。 数组元素使用: 数组名[下标] = 值; 注意: 数组的下标用方括号括起来,从0开始。 数组属性: length 用法:<数组对象>.length;返回:数组的长度,即数组里有多少个元素。它等于数组里最后一个元素的下标加一。
    查看全部
    0 采集 收起 来源: Array 数组对象

    2018-03-22

  • 随机数 random() 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() round() 方法可把一个数字四舍五入为最接近的整数。 语法: Math.round(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() floor() 方法可对一个数进行向下取整。 语法: Math.floor(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() ceil() 方法可对一个数进行向上取整。 语法: Math.ceil(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

  • Math对象 Math对象,提供对数据的数学计算。 使用 Math 的属性和方法,代码如下: <script type="text/javascript"> var mypi=Math.PI; var myabs=Math.abs(-15); document.write(mypi); document.write(myabs); </script> 运行结果: 3.141592653589793 15 注意:Math 对象是一个固有的对象,无需创建它,直接把 Math 作为对象使用就可以调用其所有属性和方法。这是它与Date,String对象的区别。
    查看全部
    0 采集 收起 来源:Math对象

    2018-03-22

  • JS 中“===”与 “==”比较的区别 1. ==用于一般比较,==在比较的时候可以转换数据类型。 2. ===用于严格比较,===严格比较,只要类型不匹配就返回flase。 看一个简单的例子: 给定 x=5 == 等于 x==8 为 false === 全等(值和类型) x===5 为 true;x==="5" 为 false 举例说明: "1" == true 类型不同,"=="将先做类型转换,把true转换为1,即为 "1" == 1; 此时,类型仍不同,继续进行类型转换,把"1"转换为1,即为 1 == 1; 此时,"==" 左右两边的类型都为数值型,比较成功! 如果比较:"1" === true 左侧为字符型,右侧为bool布尔型,左右两侧类型不同,结果为false; 如果比较:"1" === 1 左侧为字符型,右侧为int数值型,左右两侧类型不同,结果为false; 如果比较:1 === 1 左侧为int数值型,右侧为int数值型,左右两侧类型相同,数值大小也相同,结果为true; 如果比较:1 === 2 左侧为int数值型,右侧为int数值型,左右两侧类型相同,但数值大小不同,结果为false; 简而言之就是 "==" 只要求值相等; "===" 要求值和类型都相等
    查看全部
  • a++是运算后自增,而++a是先自增在运算(即++a 先自加再取值,a++先取值在自加) 相同点: a++和++a中, i的值自增1,也就是a=a+1; 不同点: a++ : 把(a++)作为一个整体表达式,a 的值虽然自增1,但是整个表达式的值是取 a自增 之前 的值; ++a : 也把(++a)作为一个整体表达式,a 的值也自增1,但是整个表达式的值是取 a 自增 之后 的值。 看实例: m=a++ 相当于 m=a,a=a+1 m=++a 相当于 a=a+1,m=a 这种自加运算和自减运算,都相当于两步骤 总结: a++ 是先把 a 赋值,然后自己加一, ++a,是先自己加一,然后再把 a 赋值。
    查看全部
  • JS中substr和substring的用法和区别 substr 和 substring都是JS 截取字符串函数,两者用法很相近,下面是两者的语法很示例: 一、substr 方法 返回一个从指定位置开始的指定长度的子字符串。 string.substr(start [, length ]) 注意: length可选项。如 length 为 0 或负数,将返回一个空字符串。如果没有指定该参数,则子字符串到 string 的最后。 二、substring 方法 返回位于 String 对象中指定位置的子字符串。 string.substring(start, end) 注意: substring 方法将返回一个包含从 start 到最后(不包含 end )的子字符串的字符串。 三、示例代码 var str = "I love JS!";// 有一个str字符串,如想获取JS子字符串,用两种方法如何实现。 str.substr(7, 2); // 获取子字符串。 str.substring(7, 9); // 获取子字符串。 结果: JS 区别:第二参数,substr第二个参数是获取子字符串的长度,substring第二个参数是获取子字符串的结束位置。 四、注意事项 substr和substring两个函数截取带有空格的字符串后的长度是每个空格算一个字符长度。例如: var a = "I am imooc!"; a.substring(0, 5).length的值是5,而不是4,但alert(a.substring(0, 5));的值却是I am ,这样在做alert("I am" == a.substring(0, 5));的时候就是false了,alert("I am" == a.substring(0, 4));才是true。
    查看全部
  • 提取指定数目的字符substr() substr() 方法从字符串中提取从 startPos位置开始的指定数目的字符串。 语法: stringObject.substr(startPos,length) 参数说明: 注意:如果参数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
    查看全部

举报

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

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