慕课网

精品课程 JavaScript进阶篇

JavaScript进阶篇

最热最新

丶小阿狸

总算写出来了，还是不够熟练

查看全部

0 采集收起来源：编程练习
2019-01-15
慕斯3297158

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>style样式</title>
</head>
<body>
<h2 id="con">I love JavaScript</H2>
<p> JavaScript使网页显示动态效果并实现与用户交互功能。</p>
<button onclick="mynun()">点击</button>
<script type="text/javascript">
function mynun(){
var conn=document.getElementById("con");
conn.style.color="red";
conn.style.backgroundColor="#CCC";
conn.style.display="none";
}
</script>
</body>
</html>

查看全部

0 采集收起来源：认识DOM
2019-01-14
慕侠7002564

让你认识JS 你知道吗，Web前端开发师需要掌握什么技术?也许你已经了解HTML标记(也称为结构)，知道了CSS样式(也称为表示)，会使用HTML+CSS创建一个漂亮的页面，但这还不够，它只是静态页面而已。我们还需使用JavaScript增加行为，为网页添加动态效果。准备好，让JavaScript带你进入新境界吧! JavaScript能做什么？ 1.增强页面动态效果(如:下拉菜单、图片轮播、信息滚动等) 2.实现页面与用户之间的实时、动态交互(如:用户注册、登陆验证等) JS进阶篇学习什么？在JavaScript入门篇中，我们学习了如何插入JS、输出内容及简单的DOM操作，JavaScript进阶篇让您进一步的了解JS的变量、数组、函数、语法、对象、事件、DOM操作，制作简单的网页动态效果。任务我们先来回顾下JS入门篇的基础内容，在网页中插入JS代码，实现输出"JS进阶篇",并弹出对话框，内容为"关注JS高级篇"。注意: 1. JS是区分大小写的，如：classname和ClassName是不一样的。同时注意方法、属性、变量等的大小写吆。 2. JS中的字符、符号等一定要在英文状态下输入吆。 index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>我们互动下</title> </head> <body> </body> </html> 本课程编程练习请使用电脑登录 www.imooc.com

查看全部

0 采集收起来源：让你认识JS
2019-01-14
慕粉4092391

while循环重复执行直到某个条件不再满足。

查看全部

0 采集收起来源：反反复复(while循环)
2019-01-14
慕函数4583163

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>系好安全带,准备启航</title>  <script type="text/javascript"> //多行注释我是多行注释！我需要隐藏，否则会报错哦！ //在页面中显示文字 //页面中弹出提示框 //单行注释我是单行注释，我也要隐藏起来！ </script> </head> <body> </body> </html>

查看全部

0 采集收起来源：编程练习
2019-01-13
weixin_宝慕林4001935
替换标签的几点总结：
首先要理解题意，替换标签，内容不替换，利用替换标签自带的格式改变内容的格式
本任务的几个关键点
1. 获取要替换的标签元素（节点）
2. 创建新的标签元素（节点）、元素中的内容
3. 利用新标签元素替换旧的标签元素
Q：创建元素并为其添加文本内容的几种方法？
A：①先创建一个标签元素，然后再创建文本节点document.createTextNode("文本内容")，最后利用在标签元素后添加节点的方法，为节点添加文本内容
var 新元素=document.createElement("新标签名称")；
var 文本=document.createTextNode("文本内容")；
新元素.appendChild(文本)；//添加子节点
②将原标签的文本内容复制给新的标签。新标签.innerHTML=老标签.innerHTML；
③直接给新元素的文本内容赋值。新元素.innerHTML="手动输入文本内容"；
查看全部

0 采集收起来源：替换元素节点replaceChild()
2019-01-13
weixin_宝慕林4001935
关于删除数组元素的注意点（摘抄“迷茫中打滚”同学的回答）：
1. 从前往后删除数组元素时，不是一个一个地删除，而是跳着删除。如点按钮一下，下面 5 个标签中的 1、3、5 会先删除，再点按钮一下才会把剩下的 2 删除，第三次按钮才把 4 删除。为当先把第一个子节点删除后，后面的子节点的索引就重新编号了：原来的第2个子节点会变成第1个子节点，第3个子节点会变成第2个子节点，但循环变量 i 是从 0、1、2... 顺序增长，所以会出现上述跳着删除的现象。
2. 但“i--”（如你所写的代码）的情况下是从最后一个子节点开始删除，并不会影响前面子节点的索引值，所以一次遍历完 i 后，即可全部删除子节点
查看全部

0 采集收起来源：删除节点removeChild()
2019-01-13
weixin_宝慕林4001935

插入节点insertBefore()方法总结
step1：创建标签元素（节点）
step2：为标签元素设置显示内容
step3：将元素节点插到指定节点之前
Q：如何插到指定节点之前呢？
A：父节点.insertBefore(新节点，指定节点）

查看全部

0 采集收起来源：插入节点insertBefore()
2019-01-13
weixin_宝慕林4001935

Q：如何在节点列表中添加新节点
A：分4步
step1：获取父元素（节点）
step2：创建一个标签，实用document。createElement("标签名称")
step3：为标签设置显示内容
step4：将新建的标签添加到节点列表中

查看全部

0 采集收起来源：插入节点appendChild()
2019-01-13
weixin_宝慕林4001935
节点类型：
节点烈性名称（节点名称，节点值，节点类型值）
1. 元素节点（标签名称，null或undefined，1）
2. 属性节点（属性名称，属性值，2）
3. 文本节点（#text，文本本身，3）
4. 文档节点（#tdocument，不知道，9）
  补充，注释的类型值为8
节点属性：
1. 节点的名称
2. 节点的值
3. 节点的类型值
查看全部

0 采集收起来源：节点属性
2019-01-13
weixin_宝慕林4001935

Q：如何查看新设置的属性和属性值呢？
A：step1：获取元素节点
step2：设置元素节点的属性、属性值
step3：获取元素节点的属性、属性值
step4；输出

查看全部

0 采集收起来源：setAttribute()方法
2019-01-13
weixin_宝慕林4001935
getAttrbute()方法为通过元素节点获取属性的值，可以拆分为以下几点来理解
1. 获取元素节点，通过getElementById()或getElementsByTagName()或getElementsByName()等
2. 实用所获元素节点调用getAttrbute()方法，参数为元素的属性名
  
  注意：
  getAttrbute()方法不可直接调用
查看全部

0 采集收起来源：getAttribute()方法
2019-01-13
weixin_宝慕林4001935
1. 复选框被选中状态时，其checked的属性值为true，且在设置属性值时，无需加引号
2. 复选框未被选中状态时，其checked的属性值为false，且在设置属性值时，无需加引号
3. Q:如何为数组赋值？
  A：需要使用循环，为数组元素一个个赋值
4. 当输入错误时，要提示用户正确的输入内容是什么，且用户退出提示时，将用户的错误输入清空，清空方法为“为其值赋空值”
5. 数组元素下标从0开始，所以用户输入的数字在数组中对应的为“输入值-1”
查看全部

0 采集收起来源：区别getElementByID,getElementsByName,getElementsByTagName
2019-01-13
慕雪4950640

window对象方法:
注意:在JavaScript基础篇中，已讲解了部分属性，window对象重点讲解计时器。

查看全部

0 采集收起来源：window对象
2019-01-13
慕雪4950640
```
提示：parseInt() 字符串类型转成整型。
```
查看全部

0 采集收起来源：编程练习
2019-01-13

首页上一页 476 477 478 479 480 481 482 下一页尾页

0/150

提交

取消

开始学习

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

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