慕课网

精品课程 JavaScript进阶篇

JavaScript进阶篇

最热最新

拾梦者sdj
删除节点removeChild()
removeChild() 方法从子节点列表中删除某个节点。如删除成功，此方法可返回被删除的节点，如失败，则返回 NULL。
语法:
```
nodeObject.removeChild(node)
```
参数:
node ：必需，指定需要删除的节点。
我们来看看下面代码，删除子点。
运行结果:
```
HTML 删除节点的内容: javascript
```
注意: 把删除的子节点赋值给 x，这个子节点不在DOM树中，但是还存在内存中，可通过 x 操作。
查看全部

0 采集收起来源：删除节点removeChild()
2019-02-26
该你走运气

Math 对象属性
Math 对象方法

查看全部

0 采集收起来源：Math对象
2019-02-26
penny_Lu

scrollLeft:设置或获取位于给定对象左边界与窗口中目前可见内容的最左端之间的距离，即左边灰色的内容。
scrollTop:设置或获取位于对象最顶端与窗口中可见内容的最顶端之间的距离，即上边灰色的内容。
offsetLeft:获取指定对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置。
offsetTop:获取指定对象相对于版面或由 offsetParent 属性指定的父坐标的计算顶端位置。

查看全部

0 采集收起来源：网页卷去的距离与偏移量
2019-02-26
该你走运气
indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。
语法
```
stringObject.indexOf(substring, startpos)
```
参数说明：

说明：
1.该方法将从头到尾地检索字符串 stringObject，看它是否含有子串 substring。
2.可选参数，从stringObject的startpos位置开始查找substring，如果没有此参数将从stringObject的开始位置查找。
3.如果找到一个 substring，则返回 substring 的第一次出现的位置。stringObject 中的字符位置是从 0 开始的。
注意：1.indexOf() 方法区分大小写。
2.如果要检索的字符串值没有出现，则该方法返回 -1。
查看全部

0 采集收起来源：返回指定的字符串首次出现的位置
2019-02-26
qq_慕标5065531

<!DOCTYPE HTML>
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>流程控制语句</title>
<script type="text/javascript">

//第一步把之前的数据写成一个数组的形式,定义变量为 infos
var infos=[['小A','女','21','大一'],
['小B','男','23','大三'],
['小C','男','24','大四'],
['小D','女','21','大一'],
['小E','女','22','大四'],
['小F','男','21','大一'],
['小G','女','22','大二'],
['小H','女','20','大三'],
['小I','女','20','大一'],
['小J','男','20','大三']];

//第一次筛选，找出都是大一的信息
document.write("大一的信息:</br>");
for(var i=0;i<10;i++){
if(infos[i][3]=="大一"){
for(var j=0;j<4;j++){
document.write(infos[i][j]+",");
}
document.write("</br>");
}
}

//第二次筛选，找出都是女生的信息
document.write("女生的信息:</br>");
for(var i=0;i<10;i++){
if(infos[i][1]=="女"){
for(var j=0;j<4;j++){
document.write(infos[i][j]+",");
}
document.write("</br>");
}

}

</script>
</head>
<body>
</body>
</html>

查看全部

0 采集收起来源：编程练习
2019-02-26
慕婉清6072333

if(mypen="black"),注意=后面加""号

查看全部

0 采集收起来源：做判断（if语句）
2019-02-26
该你走运气

加载事件（onload）
事件会在页面加载完成后，立即发生，同时执行被调用的程序。
注意：1. 加载页面时，触发onload事件，事件写在<body>标签内。
2. 此节的加载页面，可理解为打开一个新页面时。
如下代码,当加载一个新页面时，弹出对话框“加载中，请稍等…”。

查看全部

0 采集收起来源：加载事件（onload）
2019-02-26
rainbowxiao
```
clearInterval(id_of_setInterval)
```
参数说明:
id_of_setInterval：由 setInterval() 返回的 ID 值。
查看全部

0 采集收起来源：取消计时器clearInterval()
2019-02-26

疯狂的小蜗

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

查看全部

0 采集收起来源：getAttribute()方法

2019-02-26

疯狂的小蜗

区别getElementByID,getElementsByName,getElementsByTagName
  以人来举例说明，人有能标识身份的身份证，有姓名，有类别(大人、小孩、老人)等。
  1. ID 是一个人的身份证号码，是唯一的。所以通过getElementById获取的是指定的一个人。
  2. Name 是他的名字，可以重复。所以通过getElementsByName获取名字相同的人集合。
  3. TagName可看似某类，getElementsByTagName获取相同类的人集合。如获取小孩这类人，getElementsByTagName("小孩")

查看全部

0 采集收起来源：区别getElementByID,getElementsByName,getElementsByTagName

2019-02-26

疯狂的小蜗

getElementsByTagName()方法返回带有指定标签名的节点对象的集合。返回元素的顺序是它们在文档中的顺序。语法:document.getElementsByTagName(Tagname)  说明:1. Tagname是标签的名称，如p、a、img等标签名。2. 和数组类似也有length属性，可以和访问数组一样的方法来访问，所以从0开始。

查看全部

0 采集收起来源：getElementsByTagName()方法

2019-02-26

疯狂的小蜗

返回带有指定名称的节点对象的集合。语法：document.getElementsByName(name)与getElementById() 方法不同的是，通过元素的 name 属性查询元素，而不是通过 id 属性。注意:1. 因为文档中的 name 属性可能不唯一，所有 getElementsByName() 方法返回的是元素的数组，而不是一个元素。2. 和数组类似也有length属性，可以和访问数组一样的方法来访问，从0开始。

查看全部

0 采集收起来源：getElementsByName()方法

2019-02-26

疯狂的小蜗
```
制作一个跳转提示页面
```
查看全部

0 采集收起来源：编程练习
2019-02-26
qq_黑妮

<!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 select = document.getElementById("select").value;
//获取通过下拉框来选择的值来改变加减乘除的运算法则
var end;
switch(select){
case '+':
end = txt1 + txt2;
break;
case '-':
end = txt1 - txt2;
break;
case '*':
end = txt1 * txt2;
break;
case '/':
if(txt2 != 0){
end = txt1 / txt2;
break;
}else{
alert("分母不能为零，请重新输入！");
end = null;
break
}
}

document.getElementById("fruit").value = end;


//设置结果输入框的值

}
</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>

查看全部

1 采集收起来源：编程练习
2019-02-26
拾梦者sdj
插入节点insertBefore()
insertBefore() 方法可在已有的子节点前插入一个新的子节点。
语法:
insertBefore(newnode,node);
参数:
newnode: 要插入的新节点。
node: 指定此节点前插入节点。
我们在来看看下面代码，在指定节点前插入节点。
运行结果:
```
This is a new p JavaScript HTML
```
注意: otest.insertBefore(newnode,node); 也可以改为: otest.insertBefore(newnode,otest.childNodes[0]);
查看全部

0 采集收起来源：插入节点insertBefore()
2019-02-25

首页上一页 451 452 453 454 455 456 457 下一页尾页

0/150

提交

取消

开始学习

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

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

JavaScript进阶篇

删除节点removeChild()

加载事件（onload）

插入节点insertBefore()