慕课网

精品课程 JavaScript进阶篇

JavaScript进阶篇

最热最新

慕沐9266852

<!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,'大三'],
];
//第一次筛选，找出都是大一的信息
for(var i = 0;i<infos.length; i++){
if(infos[i][3]==="大一"){
if(infos[i][1]==="女"){
document.write(infos[i][0]+"</br>");
}
}
}

//第二次筛选，找出都是女生的信息

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

查看全部

0 采集收起来源：编程练习
2019-09-21
慕沐9266852

<script type="text/javascript">
//多行注释
/* 我是多行注释！
我需要隐藏，
否则会报错哦！
*/
//在页面中显示文字
document.write("系好安全带,准备启航--目标JS"+"</br>");
//页面中弹出提示框
function go(){
var mg = confirm(“准备好了，起航吧！”);
if(mg==true){
document.write("go");
}else{
document.write("left");
}

}

//单行注释
//我是单行注释，我也要隐藏起来！

</script>
</head>
<body>
<form>
<input type="button" value = "系好安全带,准备启航--目标JS" onclick="go()"/>
</form>
</body>
</html>

查看全部

0 采集收起来源：编程练习
2019-09-20
慕沐9266852

<!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>
<script type="text/javascript">
function fly(){
var cond = document.getElementById("con");
var cand = confirm("关注JS高级篇");
if(cand==true){
document.write("恭喜年入百万");
}else{
document.write("不学习就是臭屌丝");
}
}
</script>
</head>
<body>
<p id ="con">JS进阶篇</p>
<form>
<input type="button" value="点击进入" onclick="fly()"/>
</form>
</body>
</html>

查看全部

0 采集收起来源：让你认识JS
2019-09-20
叫我小生哥
1. 找到该节点
2. 获取该节点的内容
3. 创建一个新的节点
4. 替换节点
5. 给新节点赋值
查看全部

0 采集收起来源：替换元素节点replaceChild()
2019-09-20
叫我小生哥

删除某个节点内的内容思路：从后往前删除
1. 删除该节点的内容，先要获取子节点。
2. 然后使用循环遍历每个子节点。
3. 使用removeChild()删除节点。

查看全部

0 采集收起来源：删除节点removeChild()
2019-09-20

叫我小生哥

otest.insertBefore(newnode,node); 也可以改为:  otest.insertBefore(newnode,otest.childNodes[0]);

查看全部

0 采集收起来源：插入节点insertBefore()

2019-09-20

路喜喜

location对象属性图示:

查看全部

0 采集收起来源：Location对象
2019-09-19
路喜喜

window对象方法：

查看全部

0 采集收起来源：window对象
2019-09-19
慕用9169840
向下取整floor()
floor() 方法可对一个数进行向下取整。
语法:
```
Math.floor(x)
```
参数说明：
注意：返回的是小于或等于x，并且与 x 最接近的整数。
查看全部

0 采集收起来源：向下取整floor()
2019-09-19
慕用9169840
ceil() 方法可对一个数进行向上取整。
语法:
```
Math.ceil(x)
```
参数说明:
注意：它返回的是大于或等于x，并且与x最接近的整数。
查看全部

0 采集收起来源：向上取整ceil()
2019-09-19

喵叽

获取指定节点的父节点

语法：

elementNode.parentNode

注意:父节点只能有一个。

看看下面的例子,获取 P 节点的父节点，代码如下:

<div id="text">
  <p id="con"> parentNode 获取指点节点的父节点</p>
</div> 
<script type="text/javascript">
  var mynode= document.getElementById("con");
  document.write(mynode.parentNode.nodeName);
</script>

运行结果:

parentNode 获取指点节点的父节点
DIV

访问祖节点:

elementNode.parentNode.parentNode

看看下面的代码:

<div id="text">  
  <p>
    parentNode      
    <span id="con"> 获取指点节点的父节点</span>
  </p>
</div> 
<script type="text/javascript">
  var mynode= document.getElementById("con");
  document.write(mynode.parentNode.parentNode.nodeName);</script>

运行结果:

parentNode获取指点节点的父节点
DIV

注意: 浏览器兼容问题，chrome、firefox等浏览器标签之间的空白也算是一个文本节点。

查看全部

0 采集收起来源：访问父节点parentNode

2019-09-19

喵叽
一、firstChild 属性返回‘childNodes’数组的第一个子节点。如果选定的节点没有子节点，则该属性返回 NULL。
语法：
```
node.firstChild
```
说明：与elementNode.childNodes[0]是同样的效果。
二、 lastChild 属性返回‘childNodes’数组的最后一个子节点。如果选定的节点没有子节点，则该属性返回 NULL。
语法：
```
node.lastChild
```
说明：与elementNode.childNodes[elementNode.childNodes.length-1]是同样的效果。
注意: 上一节中，我们知道Internet Explorer 会忽略节点之间生成的空白文本节点，而其它浏览器不会。我们可以通过检测节点类型，过滤子节点。
查看全部

0 采集收起来源：访问子节点的第一和最后项
2019-09-19
慕用9169840

split("")代表每个字符都被分割
split("-")代表用-分割每个字符
split("-"，2)代表分割两次

查看全部

0 采集收起来源：字符串分割split()
2019-09-19
喵叽
访问选定元素节点下的所有子节点的列表，返回的值可以看作是一个数组，他具有length属性。
语法：
```
elementNode.childNodes
```
注意：
如果选定的节点没有子节点，则该属性返回不包含节点的 NodeList。
我们来看看下面的代码:
运行结果:
IE:
```
  UL子节点个数:3
  节点类型:1
```
其它浏览器:
```
   UL子节点个数:7
   节点类型:3
```
注意:
1. IE全系列、firefox、chrome、opera、safari兼容问题
2. 节点之间的空白符，在firefox、chrome、opera、safari浏览器是文本节点，所以IE是3，其它浏览器是7，如下图所示:
如果把代码改成这样:
<ul><li>javascript</li><li>jQuery</li><li>PHP</li></ul>
运行结果:（IE和其它浏览器结果是一样的）
```
  UL子节点个数:3
  节点类型:1
```
查看全部

0 采集收起来源：访问子节点childNodes
2019-09-19
喵叽

在文档对象模型 (DOM) 中，每个节点都是一个对象。DOM 节点有三个重要的属性：
1. nodeName : 节点的名称
2. nodeValue ：节点的值
3. nodeType ：节点的类型
一、nodeName 属性: 节点的名称，是只读的。
1. 元素节点的 nodeName 与标签名相同
2. 属性节点的 nodeName 是属性的名称
3. 文本节点的 nodeName 永远是 #text
4. 文档节点的 nodeName 永远是 #document
二、nodeValue 属性：节点的值
1. 元素节点的 nodeValue 是 undefined 或 null
2. 文本节点的 nodeValue 是文本自身
3. 属性节点的 nodeValue 是属性的值
三、nodeType 属性: 节点的类型，是只读的。以下常用的几种结点类型:
元素类型节点类型
元素 1
属性 2
文本 3
注释 8
文档 9

查看全部

0 采集收起来源：节点属性
2019-09-19

首页上一页 275 276 277 278 279 280 281 下一页尾页

0/150

提交

取消

开始学习

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

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

JavaScript进阶篇

向下取整floor()