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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • getElementsByName()方法 返回带有指定名称的节点对象的集合。 语法: document.getElementsByName(name) 与getElementById() 方法不同的是,通过元素的 name 属性查询元素,而不是通过 id 属性。 注意: 1. 因为文档中的 name 属性可能不唯一,所有 getElementsByName() 方法返回的是元素的数组,而不是一个元素。 2. 和数组类似也有length属性,可以和访问数组一样的方法来访问,从0开始。
    查看全部
  • 文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构(节点树)。 HTML文档可以说由节点构成的集合,DOM节点有: 1. 元素节点:上图中<html>、<body>、<p>等都是元素节点,即标签。 2. 文本节点:向用户展示的内容,如<li>...</li>中的JavaScript、DOM、CSS等文本。 3. 属性节点:元素属性,如<a>标签的链接属性href="http://www.imooc.com"。 节点属性: nodeName - 返回一个字符串,其内容是给定节点的名字 nodeType - 返回一个整数,这个数值代表给定节点的类型 nodeValue - 返回给定节点的当前值 遍历节点数: childNodes - 返回一个数组,这个数组由给定元素节点的子节点构成 firstChild - 返回第一个子节点 lastChild - 返回最后一个子节点 parentNode - 返回一个给定节点的父节点 nextSibling - 返回给定节点的下一个子节点 previousSibling - 返回给定节点的上一个子节点 DOM操作: createElement(element) - 创建一个新的元素节点 createTextNode() - 创建一个包含着给定文本的新文本节点 appendChild() - 在指点节点的最后一个子节点列表之后添加一个新的子节点 insertBefore() - 将一个给定节点插入到给定元素的给定子节点的前面 removeChild() - 从一个给定元素中删除一个子节点 replaceChild() - 把一个给定父元素的一个子节点替换为另一个子节点 注意:前两个是document方法
    查看全部
    0 采集 收起 来源:认识DOM

    2018-03-22

  • JS Array数组sort()方法如果不指定<方法函数>,则按unicode码顺序排列。.如果指定<方法函数>,则按<方法函数>所指定的排序方法排序。myArray.sort(sortMethod); 注意: 该函数要比较两个值,然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和 b,其返回值如下: 若返回值<=-1,则表示 A 在排序后的序列中出现在 B 之前。 若返回值>-1 && <1,则表示 A 和 B 具有相同的排序顺序。 若返回值>=1,则表示 A 在排序后的序列中出现在 B 之后。
    查看全部
    0 采集 收起 来源: 数组排序sort()

    2018-03-22

  • 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() 向数组的开头添加一个或多个元素,返回新长度。 valueOf() 返回数组对象的原始值。
    查看全部
    0 采集 收起 来源: Array 数组对象

    2018-03-22

  • JS Array数组中slice(start,end) 方法可从已有的数组中返回选定的元素,返回一个新的数组,包含从 start 到 end (不包括该元素)的 arrayObject 中的元素。该方法并不会修改数组,而是返回一个子数组。String.slice() 与 Array.slice() 相似。
    查看全部
    0 采集 收起 来源:选定元素slice()

    2015-03-16

  • 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

  • 随机数 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

  • document.getElementById( id名 ).value 获取或设置 id名的值。 使用parseInt()函数可解析一个字符串,并返回一个整数。
    查看全部
    0 采集 收起 来源:编程练习

    2015-03-17

  • JS Array数组reverse()方法颠倒数组中的元素,该方法会改变原来的数组,而不会创建新的数组。
    查看全部
  • JS Arrays数组join()方法将数组中的所有元素放入到一个数组中,分隔符通过参数指定
    查看全部
  • JS Array数组concat()方法连接多个数组
    查看全部
  • aaa
    查看全部
    0 采集 收起 来源:编程练习

    2015-03-16

  • 打印时间日期 班级平均分
    查看全部
    0 采集 收起 来源:编程练习

    2015-03-16

  • <!DOCTYPE html> <html> <head> <title> 事件</title> <script type="text/javascript"> function count(){ //获取第一个输入框的值 var txt1 = parseInt(document.getElementById("txt1").value); //获取第二个输入框的值 var txt2 = parseInt(document.getElementById("txt2").value); //获取选择框的值 var sel = document.getElementById("select").value; var fruit = document.getElementById("fruit"); //获取通过下拉框来选择的值来改变加减乘除的运算法则 switch(sel){ case '+': fruit.value=txt1+txt2; } //设置结果输入框的值 } </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

举报

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

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