慕课网

精品课程 JavaScript进阶篇

JavaScript进阶篇

最热最新

ChenJunren

认识DOM:文档对象模型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:返回一个给定节点的父节点； nestsibling:返回戈丁节点的下一个子结点； previousSibling:返回给定节点的上一个子结点。 DOM操作方法： createElement(element):创建一个新的元素节点； creatTextNode()：创建一个包含着给定文本的新文本节点； appendChild()：指定节点的最后一个子结点列表之后添加一个新的子结点； insertBefore():将一个给定节点插入到一个给定元素节点的给定子结点的前面； removeChild():从一个给定元素中删除一个子结点； replaceChild():把一个给定父元素里的已给子结点替换为另外一个节点；注：前两个是document方法。

查看全部

0 采集收起来源：认识DOM
2018-03-22
沉默之初

//通过javascript的日期对象来得到当前的日期，并输出。 var d = new Date(); var year = d.getYear(); var month = d.getMonth(); var date = d.getDate(); var day = d.getDay(); var weekDay = ["星期一","星期二","星期三","星期四","星期五","星期六","星期天"]; document.write(year+"年"+month+"月"+date+"日"+weekDay[day]+"<br/>") //成绩是一长窜的字符串不好处理，找规律后分割放到数组里更好操作哦 var scoreStr = "小明:87;小花:81;小红:97;小天:76;小张:74;小小:94;小西:90;小伍:76;小迪:64;小曼:76"; var scroeArray = scoreStr.split(";"); var sum =0; for(var i=0;i<scroeArray.length;i++){ sum = sum + parseInt(scroeArray[i].substring(3,5)); } document.write(sum); //从数组中将成绩撮出来，然后求和取整，并输出。

查看全部

0 采集收起来源：编程练习
2018-03-22
龚莫斯

window.onunload = onunload_message; //：不同浏览器对onunload事件支持不同

查看全部

0 采集收起来源：卸载事件（onunload）
2015-07-26
知止而后有定

数组属性length

查看全部

0 采集收起来源：了解成员数量(数组属性length)
2015-07-26
知止而后有定

注意： 1.创建的新数组是空数组，没有值，如输出，则显示undefined。 2.虽然创建数组时，指定了长度，但实际上数组都是变长的，也就是说即使指定了长度为8，仍然可以将元素存储在规定长度以外。

查看全部

0 采集收起来源：组团，并给团取个名（如何创建数组）
2015-07-26
知止而后有定

var myarr=new Array(); //定义数组 myarr[0]=80; myarr[1]=60; myarr[2]=99;

查看全部

0 采集收起来源：一起组团（什么是数组）
2015-07-26
知止而后有定

操作符之间的优先级（高到低）: 算术操作符 → 比较操作符 → 逻辑操作符 → "="赋值符号

查看全部

0 采集收起来源：保持先后顺序(操作符优先级）
2018-03-22
诗涵thehans

getAttribute()方法:通过元素节点的属性名称获取属性的值。语法：elementNode.getAttribute(name) 说明: 1. elementNode：使用getElementById()、getElementsByTagName()等方法，获取到的元素节点。 2. name：要想查询的元素节点的属性名字

查看全部

0 采集收起来源：getAttribute()方法
2015-07-26
pkjy

字符串分割split() 知识讲解： split() 方法将字符串分割为字符串数组，并返回此数组。语法： stringObject.split(separator,limit) separator指从指定的某个位置开始分割（""表示每个字母都分割）。limit指分割的次数，若没有则是不限制次数。

查看全部

0 采集收起来源：字符串分割split()
2018-03-22
逆光之羽

<!DOCTYPE html> <html> <head> <title>浏览器对象</title> <meta http-equiv="Content-Type" content="text/html; charset=gkb"/> </head> <body>  <input type="text" id="time"/> <input type="button" value="返回" onclick="back()"/> <script type="text/javascript"> var i = 5; window.onload = function(){ setInterval("changeTime()",1000); } function changeTime(){ //获取显示秒数的元素，通过定时器来更改秒数。 i--; document.getElementById("time").value = i; if(i <= 0){ //通过window的location和history对象来控制网页的跳转。 window.location.href = "www.imooc.com"; } } function back(){ window.history.go(-1); } </script> </body> </html>

查看全部

0 采集收起来源：编程练习
2018-03-22
pkjy

返回指定的字符串首次出现的位置 indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。语法 stringObject.indexOf(substring, startpos) substring为要检索的内容。 startpos为0-.length-1的位置，如没设置就从0开始。

查看全部

0 采集收起来源：返回指定的字符串首次出现的位置
2015-07-26
pkjy

返回指定位置的字符 charAt() 方法可返回指定位置的字符。返回的字符是长度为 1 的字符串。语法: stringObject.charAt(index) index表示字符在字符串中的下标。注意：1.字符串中第一个字符的下标是 0。最后一个字符的下标为字符串长度减一（string.length-1）。 2.如果参数 index 不在 0 与 string.length-1 之间，该方法将返回一个空字符串。

查看全部

0 采集收起来源：返回指定位置的字符
2015-07-26
pkjy

返回/设置时间方法 get/setTime() 返回/设置时间，单位毫秒数，计算从 1970 年 1 月 1 日零时到日期对象所指的日期的毫秒数。如果将目前日期对象的时间推迟1小时，代码如下: <script type="text/javascript"> var mydate=new Date(); document.write("当前时间："+mydate+"<br>"); mydate.setTime(mydate.getTime() + 60 * 60 * 1000); document.write("推迟一小时时间：" + mydate); </script> 注意:1. 一小时 60 分，一分 60 秒，一秒 1000 毫秒 2. 时间推迟 1 小时,就是: “x.setTime(x.getTime() + 60 * 60 * 1000);”

查看全部

0 采集收起来源：返回/设置时间方法
2018-03-22
pkjy

返回星期方法 getDay() 返回星期，返回的是0-6的数字，0 表示星期天。如果要返回相对应“星期”，通过数组完成，代码如下: <script type="text/javascript"> var mydate=new Date();//定义日期对象 var weekday=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"]; //定义数组对象,给每个数组项赋值 var mynum=mydate.getDay();//返回值存储在变量mynum中 document.write(mydate.getDay());//输出getDay()获取值 document.write("今天是："+ weekday[mynum]);//输出星期几 </script>

查看全部

0 采集收起来源：返回星期方法
2018-03-22
诗涵thehans

区别getElementByID,getElementsByName,getElementsByTagName 以人来举例说明，人有能标识身份的身份证，有姓名，有类别(大人、小孩、老人)等。 1. ID 是一个人的身份证号码，是唯一的。所以通过getElementById获取的是指定的一个人。 2. Name 是他的名字，可以重复。所以通过getElementsByName获取名字相同的人集合。 3. TagName可看似某类，getElementsByTagName获取相同类的人集合。如获取小孩这类人，getElementsByTagName("小孩")。注意：方法区分大小写通过下面的例子(6个name="hobby"的复选项，两个按钮)来区分三种方法的不同: <input type="checkbox" name="hobby" id="hobby1"> 音乐 <input type="checkbox" name="hobby" id="hobby2"> 登山 <input type="checkbox" name="hobby" id="hobby3"> 游泳 <input type="checkbox" name="hobby" id="hobby4"> 阅读 <input type="checkbox" name="hobby" id="hobby5"> 打球 <input type="checkbox" name="hobby" id="hobby6"> 跑步 <input type="button" value = "全选" id="button1"> <input type="button" value = "全不选" id="button1"> 1. document.getElementsByTagName("input")，结果为获取所有标签为input的元素，共8个。 2. document.getElementsByName("hobby")，结果为获取属性name="hobby"的元素，共6个。 3. document.getElementById("hobby6")，结果为获取属性id="hobby6"的元素，只有一个，"跑步"这个复选项。

查看全部

0 采集收起来源：区别getElementByID,getElementsByName,getElementsByTagName
2018-03-22

首页上一页 6505 6506 6507 6508 6509 6510 6511 下一页尾页

0/150

提交

取消

开始学习

课程须知: 你需要具备HTML、css基础知识，建议同学们也可以想学习下js入门篇，快速认识js，熟悉js基本语法，更加快速入手进阶篇！

老师告诉你能学到什么？: 通过JavaScript学习，掌握基本语法，制作简单交互式页面