window.history.forward()相关-慕课网

首页课程实战体系课手记专栏慕课教程

window.history.forward()相关

来源：8-8 返回前一个浏览的页面

暮女神

2016-12-18 11:51

<!DOCTYPE HTML>

<html>

<head>

<title>无标题文档</title>

</head>

function GoForward() {

window.history.forward();

}

function GoBack(){

window.history.back();

}

</script>

</head>

<body>

点击下面的锚点链接，添加历史列表项:

<br />

<a href="#target1">第一个锚点</a>

<br />

<a href="#target2">第二个锚点</a>

使用下面按钮，实现返回下一个页面:

<form>

</form>

</body>

</html>

我点了第一个锚点后再点后退正常退到顶部，可是接下来再点前进就没有作用了呢（地址栏后有#target1）?

写回答关注

3回答

慕粉2018078477

2016-12-18 14:43:08

已采纳

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>

<script type="text/javascript">
function GoForward() {
window.history.forward();
}
function GoBack(){
window.history.back();
}
</script>

</head>
<body>
点击下面的锚点链接，添加历史列表项:
<br />
<a href="#target1">第一个锚点</a>

<br />
<li>22222222222222</li>
<li>22222222222222</li>
<li>22222222222222</li>
<li>22222222222222</li>
<li>22222222222222</li>
<li>22222222222222</li>
<li>22222222222222</li>
<li>22222222222222</li>
<li>22222222222222</li>
<li>22222222222222</li>
<li>22222222222222</li>
<li>22222222222222</li>
<li>22222222222222</li>
<li>22222222222222</li>
<li>22222222222222</li>
<li>22222222222222</li>
<li>22222222222222</li>
<li>22222222222222</li>
<li>22222222222222</li>
<li>22222222222222</li>
<li>22222222222222</li>
<li>22222222222222</li>
<li>22222222222222</li>
<li>22222222222222</li>
<li>22222222222222</li>
<li>22222222222222</li>
<li>22222222222222</li>
<li>22222222222222</li>
<li>22222222222222</li>
<li>22222222222222</li>
<li>22222222222222</li>
<li>22222222222222</li>
<li>22222222222222</li>
<li>22222222222222</li>
<li>22222222222222</li>
<li>22222222222222</li>
<a name="target1" style="background-color:blue;">1</a>
<li>33333333333333333</li>
<li>33333333333333333</li>
<li>33333333333333333</li>
<li>33333333333333333</li>
<li>33333333333333333</li>
<li>33333333333333333</li>
<li>33333333333333333</li>
<li>33333333333333333</li>
<li>33333333333333333</li>
<li>33333333333333333</li>
<li>33333333333333333</li>
<li>33333333333333333</li>
<li>33333333333333333</li>
<li>33333333333333333</li>
<li>33333333333333333</li>
<li>33333333333333333</li>
<li>33333333333333333</li>
<li>33333333333333333</li>
<li>33333333333333333</li>
<li>33333333333333333</li>
<li>33333333333333333</li>
<li>33333333333333333</li>
<li>33333333333333333</li>
<li>33333333333333333</li>
<li>33333333333333333</li>
<li>33333333333333333</li>
<li>33333333333333333</li>
<li>33333333333333333</li>
<li>33333333333333333</li>
<li>33333333333333333</li>
<li>33333333333333333</li>
<li>33333333333333333</li>
<li>33333333333333333</li>
<li>33333333333333333</li>
<li>33333333333333333</li>
<a href="#target2">第二个锚点</a>
<li>11111111111111</li>
<li>11111111111111</li>
<li>11111111111111</li>
<li>11111111111111</li>
<li>11111111111111</li>
<li>11111111111111</li>
<li>11111111111111</li>
<li>11111111111111</li>
<li>11111111111111</li>
<li>11111111111111</li>
<li>11111111111111</li>
<li>11111111111111</li>
<li>11111111111111</li>
<li>11111111111111</li>
<li>11111111111111</li>
<li>11111111111111</li>
<li>11111111111111</li>
<li>11111111111111</li>
<li>11111111111111</li>
<li>11111111111111</li>
<li>11111111111111</li>
<li>11111111111111</li>
<li>11111111111111</li>
<li>11111111111111</li>
<li>11111111111111</li>
<li>11111111111111</li>
<li>11111111111111</li>
<li>11111111111111</li>
<li>11111111111111</li>
<li>11111111111111</li>
<li>11111111111111</li>
<li>11111111111111</li>
<li>11111111111111</li>
<li>11111111111111</li>
<a name="target2" style="background-color:red;">2</a>
<br /><br />
使用下面按钮，实现返回下一个页面:
<form>
<input type="button" value="后退" onclick="GoBack()"/>
<input type="button" value="前进" onclick="GoForward()" />
</form>
</body>
</html>

1 0

暮女神

非常感谢！

2016-12-22 21:45:43

共 1 条回复 >
慕粉2018078477

2016-12-18 14:45:33

这样比较好懂点，可以前进后退

0 0
慕粉2018078477

2016-12-18 14:44:12

试试我这改进的代码

0 0

JavaScript进阶篇

本课程从如何插入JS代码开始，带您进入网页动态交互世界

468194 学习 · 21891 问题

查看课程

相似问题

求window.history.forward具体用法

回答 1

window.history.forward()怎么应用的？

回答 2

document.write相关

回答 3

document.getElementById相关

回答 1

JavaScript相关

回答 2

打开慕课网App查看更多内容