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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • concat() 方法用于连接两个或多个数组。此方法返回一个新数组,不改变原来的数组。 var 变量1 = 数组1 var 变量2 = 数组2 var 变量3 = 数组3 document.write(变量1.concat(变量2)); document.write(变量1.concat(变量2,变量3));
    查看全部
  • 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;返回:数组的长度,即数组里有多少个元素。它等于数组里最后一个元素的下标加一。 concat() 连接两个或更多的数组,并返回结果 join() 把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分割 pop() 删除并返回数组的最后一个元素 push() 向数组的末尾添加一个或更多的元素,并返回新的长度 reverse() 颠倒数组中元素的顺序 shift() 删除并返回数组的第一个元素 slice() 从某个已有的数组返回选定的元素 sort() 对数组的元素进行排序 splice() 删除元素,并向数组添加新元素 toSource() 返回该对象的源代码 toString() 把数组转化为字符串,并返回结果 toLocaleString() 把数组转换为本地数组,并返回结果 unshift() 向数组的开头添加一个或更多元素,并返回新的长度 value() 返回数组对象的原始值
    查看全部
    0 采集 收起 来源: Array 数组对象

    2018-03-22

  • Math.ceil(num)向上取整数;Math.floor(num)向下取整;Math.round()四舍五入;Math.random()返回0~1之间的随机数。
    查看全部
    0 采集 收起 来源:向上取整ceil()

    2018-02-16

  • Math对象 Math对象,提供对数据的数学计算。 注意:Math 对象是一个固有的对象,无需创建它,直接把 Math 作为对象使用就可以调用其所有属性和方法。这是它与Date,String对象的区别。 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对象

    2018-02-16

  • indexOf()获取下标,charAt()获取字符
    查看全部
  • toUpperCase大写 toLowerCase小写
    查看全部
  • get/setDate() 返回,设置日期 get/setFullYear() 返回,设置年份,用四位数表示 get/setYear() 返回,设置年份 get/setHours 返回,设置小时 24小时 get/setMouth ()返回,设置月份 0-11月 所以加一 get/setMinutes ()返回,设置分钟 get/setTime() 返回,设置时间,毫秒为单位
    查看全部
    0 采集 收起 来源: Date 日期对象

    2018-02-16

  • 1. ID 是一个人的身份证号码,是唯一的。所以通过getElementById获取的是指定的一个人。 2. Name 是他的名字,可以重复。所以通过getElementsByName获取名字相同的人集合。 3. TagName可看似某类,getElementsByTagName获取相同类的人集合。如获取小孩这类人,getElementsByTagName("小孩")。
    查看全部
  • <!DOCTYPE html> <html> <head> <title> 事件</title> <script type="text/javascript"> function count(){ var A = parseInt(document.getElementById("txt1").value);//获取第一个输入框 var B = parseInt(document.getElementById("txt2").value);//获取第二个输入框 var C = document.getElementById("select").value;//获取选择框的值 var D = ""; switch(C){ case "+": D = A + B;break; case "-": D = A - B;break; case "*": D = A * B;break; case "/": D = A / B;break; } //获取通过下拉框来选择的值来改变加减乘除的运算法则 //设置结果输入框的值 document.getElementById("fruit").value = D; } </script> </head> <body> <input type='text' id='txt1' /> <select id='select'> <option value='+'>+</option> <option value="-">-</option> <option value="*">*</option> <option value="/">/</option> </select> <input type='text' id='txt2'/> <input type='button' value='=' onclick="count()"/> <!--通过 = 按钮来调用创建的函数,得到结果--> <input type='text' id='fruit'/> </body> </html>
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • m=a++ 相当于 m=a,a=a+1 m=++a 相当于 a=a+1,m=a 这种自加运算和自减运算,都相当于两步骤
    查看全部
    0 采集 收起 来源:编程练习

    2018-02-15

  • function count(){ var oTxt1 = document.getElementById("txt1").value; var oTxt2 = document.getElementById("txt2").value; var oSlt = document.getElementById("select").value; var result = ""; switch(oSlt) { case "+": result = parseFloat(oTxt1) + parseFloat(oTxt2); break; case "-": result = parseFloat(oTxt1) - parseFloat(oTxt2); break; case "*": result = parseFloat(oTxt1) * parseFloat(oTxt2); break; default: result = parseFloat(oTxt1) / parseFloat(oTxt2); } document.getElementById("fruit").value = result; }
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

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

    2018-02-13

  • 获取指定节点的父节点 语法: elementNode.parentNode 注意:父节点只能有一个 访问祖节点: elementNode.parentNode.parentNode
    查看全部
  • 有用的
    查看全部

举报

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

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