慕课网

精品课程 JavaScript进阶篇

JavaScript进阶篇

最热最新

该你走运气
history对象记录了用户曾经浏览过的页面(URL)，并可以实现浏览器前进与后退相似导航的功能。
注意:从窗口被打开的那一刻开始记录，每个浏览器窗口、每个标签页乃至每个框架，都有自己的history对象与特定的window对象关联。
语法：
```
window.history.[属性|方法]
```
注意：window可以省略。
History 对象属性
History 对象方法
查看全部

0 采集收起来源：History 对象
2019-02-27
qq_黑妮

<!DOCTYPE html>
<html>
<head>
<title>浏览器对象</title>
<meta http-equiv="Content-Type" content="text/html; charset=gkb"/>
</head>
<body>

<h2>操作成功</h2>
<span id="se">5</span><span>秒后回到主页</span>
<a href="javascript:newh()">返回</a>

<script type="text/javascript">
function count(){
var s = document.getElementById("se").innerText;
s--;
document.getElementById("se").innerText = s;
if(s == 0){
clearInterval(i);
location.assign("http://www.baidu.com");
}
}
var i = setInterval(count, 1000);
function newh(){
location.assign("http://www.baidu.com");
}
//获取显示秒数的元素，通过定时器来更改秒数。

//通过window的location和history对象来控制网页的跳转。

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

查看全部

0 采集收起来源：编程练习
2019-02-27
该你走运气

在JavaScript中，我们可以在设定的时间间隔之后来执行代码，而不是在函数被调用后立即执行。
计时器类型：
一次性计时器：仅在指定的延迟时间之后触发一次。
间隔性触发计时器：每隔一定的时间间隔就触发一次。
计时器方法：

查看全部

0 采集收起来源：JavaScript 计时器
2019-02-27
qq_黑妮

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>navigator</title>
<script type="text/javascript">
function validB(){
var u_agent = navigator.userAgent; ;
var B_name="不是想用的主流浏览器!";
if(u_agent.indexOf("Firefox")>-1){
B_name="Firefox";
}else if(u_agent.indexOf("Chrome")>-1){
B_name="Chrome";
}else if(u_agent.indexOf("MSIE")>-1&&u_agent.indexOf("Trident")>-1){
B_name="IE(8-10)";
}
document.write("浏览器:"+B_name+"<br>");
document.write("u_agent:"+u_agent+"<br>");
}
</script>
</head>
<body>
<form>
<input type="button" value="查看浏览器" onclick="validB()" >
</form>
</body>
</html>

查看全部

0 采集收起来源：userAgent
2019-02-27
qq_黑妮
Location对象
location用于获取或设置窗体的URL，并且可以用于解析URL。
语法:
```
location.[属性|方法]
```
location对象属性图示:
location 对象属性：
location 对象方法:
查看全部

0 采集收起来源：Location对象
2019-02-27
qq_黑妮

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>计时器</title>

<script type="text/javascript">
var num=0;
var i;
function startCount(){
document.getElementById('count').value=num;
num=num+1;
i=setTimeout("startCount()",1000);
}
function stopCount(){
clearTimeout(i);
}
</script>
</head>
<body>
<form>
<input type="text" id="count" />
<input type="button" value="Start" onclick="startCount()"/>
<input type="button" value="Stop" onclick="stopCount()"/>
</form>
</body>
</html>

查看全部

0 采集收起来源：取消计时器clearTimeout()
2019-02-27
qq_黑妮

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>计时器</title>
<script type="text/javascript">
var num=0;
function startCount() {
var v = parseInt(document.getElementById('count').value);
num = v + 4;
document.getElementById("count").value = num;
setTimeout("startCount()",5000);
}

</script>
</head>
<body>
<form>
<input type="text" id="count" value="3"/>
<input type="button" value="开始" onclick="startCount()"/>
</form>
</body>
</html>

查看全部

0 采集收起来源：计时器setTimeout()
2019-02-27
该你走运气

window对象方法:

查看全部

0 采集收起来源：window对象
2019-02-27
qq_黑妮

<!DOCTYPE HTML>
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>系好安全带,准备启航</title>

<script type="text/javascript">

//通过javascript的日期对象来得到当前的日期，并输出。
var weekendArr = ["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
var date = new Date();
var year = date.getFullYear();
var month = date.getMonth()+1;
var day = date.getDate();
var weekend = weekendArr[date.getDay()];

//成绩是一长窜的字符串不好处理，找规律后分割放到数组里更好操作哦
var scoreStr = "小明:87;小花:81;小红:97;小天:76;小张:74;小小:94;小西:90;小伍:76;小迪:64;小曼:76";
//将字符串按;（分号）分割成数组
var myArr = scoreStr.split(";");
//循环数组
var sum = 0;
//从数组中将成绩撮出来，然后求和取整，并输出。
for(var i=0; i<myArr.length; i++){
//得到字符串，单个人的名字和分数
var p = myArr[i];
//找到字符串：（冒号）的位置
var colon = p.indexOf(":");
//取出每个分数
var score = parseInt(p.slice(num+1));
//将分数相加
sum = sum + score;
}
document.write(year+"年"+month+"月"+day+"日 "+weekend+"--班级总分为："+sum);
</script>
</head>
<body>
</body>
</html>

查看全部

0 采集收起来源：编程练习
2019-02-27
杭杭杭杭杭

没有懂这里

查看全部

0 采集收起来源：编程练习
2019-02-27
杭杭杭杭杭

没有懂Javascript的二维数组

查看全部

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

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Array对象 </title>
<script type="text/javascript">
function sortNum(a,b) {
return b-a;//降序
}
var myarr = new Array("80","16","50","6","100","1");
document.write(myarr.sort(sortNum));
</script>
</head>
<body>
</body>
</html>

查看全部

0 采集收起来源：数组排序sort()
2019-02-27
qq_黑妮
sort()方法使数组中的元素按照一定的顺序排列。
```
arrayObject.sort(方法函数)
```
1.如果不指定<方法函数>，则按unicode码顺序排列。
2.如果指定<方法函数>，则按<方法函数>所指定的排序方法排序。

注意: 该函数要比较两个值，然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和 b，其返回值如下：
若返回值<=-1，则表示 A 在排序后的序列中出现在 B 之前。
若返回值>-1 && <1，则表示 A 和 B 具有相同的排序顺序。
若返回值>=1，则表示 A 在排序后的序列中出现在 B 之后。
查看全部

0 采集收起来源：数组排序sort()
2019-02-27

irises

假设你所说的 i++ 是下面这个：

1234	`var` `x=content.childNodes;` `for(var` `i=0; i<x.length ; i++){` `content.removeChild(x[i]);` `}`

上面代码实现的效果也不是一个一个地删除，而是跳着删除。如点按钮一下，下面 5 个标签中的 1、3、5 会先删除，再点按钮一下才会把剩下的 2 删除，第三次按钮才把 4 删除。

12345 <h1>html</h1> // 1 <h1>php</h1> // 2 <h1>javascript</h1> // 3 <h1>jquery</h1> // 4 <h1>java</h1> // 5

因为当先把第一个子节点删除后，后面的子节点的索引就重新编号了：原来的第2个子节点会变成第1个子节点，第3个子节点会变成第2个子节点，但循环变量 i 是从 0、1、2... 顺序增长，所以会出现上述跳着删除的现象。

但“i--”（如你所写的代码）的情况下是从最后一个子节点开始删除，并不会影响前面子节点的索引值，所以一次遍历完 i 后，即可全部删除子节点。

查看全部

0 采集收起来源：删除节点removeChild()

2019-02-27

七七见
父节点
```
elementNode.parentNode
```
查看全部

0 采集收起来源：访问父节点parentNode
2019-02-27

首页上一页 448 449 450 451 452 453 454 下一页尾页

0/150

提交

取消

开始学习

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

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

JavaScript进阶篇

Location对象