慕课网

精品课程 JavaScript进阶篇

JavaScript进阶篇

最热最新

v微

<ul id="con">
<li id="lesson1">javascript
<ul>
<li id="tcon"> 基础语法</li>
<li>流程控制语句</li>
<li>函数</li>
<li>事件</li>
<li>DOM</li>
</ul>
</li>
<li id="lesson2">das</li>
<li id="lesson3">dadf</li>
<li id="lesson4">HTML/CSS
<ul>
<li>文字</li>
<li>段落</li>
<li>表单</li>
<li>表格</li>
</ul>
</li></ul>
<script type="text/javascript">
var mylist = document.getElementById("tcon");
var a=mylist.parentNode.parentNode.parentNode.lastChild;
document.write(a.innerHTML);
</script>

查看全部

0 采集收起来源：访问父节点parentNode
2018-11-05
v微

<div id="con"><p>javascript</p><div>jQuery</div><h5>PHP</h5></div>
<script type="text/javascript">
var x=document.getElementById("con");
document.write(x.firstChild.nodeName+" "+x.firstChild.nodeValue+" "+x.firstChild.nodeType+"<br/>");
document.write(x.lastChild.nodeName+" "+x.firstChild.nodeValue+" "+x.firstChild.nodeType);
</script>

查看全部

0 采集收起来源：访问子节点的第一和最后项
2018-11-05
v微

<div>
javascript
<p>javascript</p>
<div>jQuery</div>
<h5>PHP</h5>
</div>
<script type="text/javascript">
var a=document.getElementsByTagName('div')[0].childNodes;
for(var i=0;i<a.length;i++)
{
document.write("第"+(i+1)+"个节点的名称:"+a[i].nodeName+"<br/>");
document.write("第"+(i+1)+"个节点的值是:"+a[i].nodeValue+"<br/>");
document.write("第"+(i+1)+"个节点的类型是:"+a[i].nodeType+"<br/>");
document.write("<br/>");
}
</script>

查看全部

0 采集收起来源：访问子节点childNodes
2018-11-05
qq_保持安静
<body>
<ul id="con">
<li id="lesson1">javascript
<ul>
<li id="tcon"> 基础语法</li>
<li>流程控制语句</li>
<li>函数</li>
<li>事件</li>
<li>DOM</li>
</ul>
</li>
<li id="lesson2">das</li>
<li id="lesson3">dadf</li>
<li id="lesson4">HTML/CSS
<ul>
<li>文字</li>
<li>段落</li>
<li>表单</li>
<li>表格</li>
</ul>
</li></ul>
<script type="text/javascript">
var mylist = document.getElementById("tcon");
document.write(mylist.parentNode.parentNode.parentNode.nodeName+"<br/>");
document.write(mylist.parentNode.parentNode.parentNode.lastChild.innerHTML);

</script>

</body>
</html>

输出结果：
- javascript
  - 基础语法
  - 流程控制语句
  - 函数
  - 事件
  - DOM
- das
- dadf
- HTML/CSS
  - 文字
  - 段落
  - 表单
  - 表格
UL
HTML/CSS
- 文字
- 段落
- 表单
- 表格
起点是<li id="tcon"> 基础语法</li>，终点是<ul id="con">
第一个parentNode找到 <ul> ，第二个parentNode找到<li id="lesson1">，第三个parentNode找到<ul id="con">。
ul 是无序列表，li 则表示每个列表项，是包含关系。这里，是在li 中又嵌套了一个列表。
获取节点的文本值
innerHTML=“”；这样是给节点赋值
查看全部

0 采集收起来源：访问父节点parentNode
2018-11-05
慕前端3443444

get/setDate() 返回/设置日期
get/setFullYear() 返回/设置年份，用四位数表示
get/setYeal() 返回/设置年份
fet/setMonth() 返回/设置月份，0：一月，以此类推加1
get/setHours() 返回/设置小时，24小时制
get/setMinutes() 返回/设置分钟

查看全部

0 采集收起来源： Date 日期对象
2018-11-05
宝慕林039392
screen对象用于获取用户的屏幕信息。
```
window.screen.属性
```
查看全部

0 采集收起来源：screen对象
2018-11-05
宝慕林039392

Navigator 对象包含有关浏览器的信息，通常用于检测浏览器与操作系统的版本。

查看全部

0 采集收起来源：Navigator对象
2018-11-05
v微

<body>
<ul>
<li>javascript</li>
<li>HTML/CSS</li>
<li>jQuery</li>
</ul>
<script type="text/javascript">
var node=document.getElementsByTagName('li');
for(var i=0;i<node.length;i++)
{
document.write("li["+(i+1)+"]:"+"<br/>"+"节点名:"+node[i].nodeName+"<br/>");
document.write("节点值:"+node[i].nodeValue+"<br/>");
document.write("节点类型:"+node[i].nodeType+"<br/><br/>");
}
</script>
</body>

查看全部

0 采集收起来源：节点属性
2018-11-05
宝慕林039392
location用于获取或设置窗体的URL，并且可以用于解析URL。
```
location.[属性|方法]
```
方法
查看全部

0 采集收起来源：Location对象
2018-11-05
v微

<body>
<p id="intro">课程列表</p>
<ul>
<li title="第1个li">HTML</li>
<li>CSS</li>
<li title="第3个li">JavaScript</li>
<li title="第4个li">Jquery</li>
<li>Html5</li>
</ul>
<p>以下为获取的不为空的li标签title值:</p>
<script type="text/javascript">
var con=document.getElementsByTagName("li");
for (var i=0; i< con.length;i++){
var text=con[i].getAttribute("title");
if(text!=null)
{
document.write(text+"<br>");
}
}
</script>
</body>

查看全部

0 采集收起来源：getAttribute()方法
2018-11-05
qq_保持安静

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
</head>
<body>
<div id="con">
<p>javascript</p><div>jQuery</div><h5>PHP</h5>
</div>
<script type="text/javascript">
var x=document.getElementById("con");
//document.write("第一个子节点："x.firstChild.nodeName+x.firstChild.nodeValue+x.firstChild.nodeType+"<br/>");
//document.write("最后一个子节点："x.lastChild.nodeName+x.lastChild.nodeValue+x.lastChild.nodeType+"<br/>");
document.write("第一个子节点:"+x.firstChild.nodeName+x.firstChild.nodeValue+x.firstChild.nodeType+"<br>");
document.write("最后一个子节点:"+x.lastChild.nodeName+x.lastChild.nodeValue+x.lastChild.nodeType+"<br>");
</script>
</body>
</html>

我很奇怪的是：
我上两行注册和下两行一样的，为啥就是运行结果不一样的呢。我复制人家的代码是出来，我自己打的不出结果。看了一样的呢
javascript
jQuery
PHP
第一个子节点:#text 3
最后一个子节点:#text 3

查看全部

0 采集收起来源：访问子节点的第一和最后项
2018-11-05
宝慕林039392
从窗口被打开的那一刻开始记录，每个浏览器窗口、每个标签页乃至每个框架，都有自己的history对象与特定的window对象关联。
```
window.history.[属性|方法]
```
back() 加载history列表种的前一个URL。
forward() 加载history列表种的下一个URL。
go() 加载history列表种的某个具体的页面。
查看全部

0 采集收起来源：History 对象
2018-11-05
qq_慕桂英8249707

在sort中引用sortMethod时，不是想使用一个函数那样，倒像是使用一个普通的变量，只需要函数名即可。

查看全部

0 采集收起来源：数组排序sort()
2018-11-05
v微

三种方法
var myH=document.getElementById('myHead');
var myS=document.getElementsByName('sex');
var myI=document.getElementsByTagName('input');

查看全部

0 采集收起来源：getElementsByTagName()方法
2018-11-05
宝慕林039392

一次性计时器：仅在指定的延迟时间之后触发一次。[setTimeout() clearTimeout()]
间隔性触发计时器：每隔一定的时间间隔就触发一次。[setInterval() clearInterval()]

查看全部

0 采集收起来源：JavaScript 计时器
2018-11-05

首页上一页 552 553 554 555 556 557 558 下一页尾页

0/150

提交

取消

开始学习

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

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

JavaScript进阶篇

PHP