浏览网页时,都会熟悉的前进和后退网页,下面是网页中前进和后退功能的实现:
前进一步
第一步:在第一个页面中做跳转到第二个页面的链接,并在js中实现前进一步的函数;
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>页面1</title>
<script type="text/javascript">
function to2(){
window.history.forward();
}
</script>
</head>
<body>
页面1
<a href="2.html">前进一步</a>
</body>
</html>
第二步:做第二个页面
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>页面2</title>
</head>
<body>
页面2<br />
<a href="3.html">前进一步</a>
</body>
</html>
后退一步
后退与前进一样,只需要将window.history.forward();替换为
window.history.back();方法即可。
前进两步
前进两个页面需要用到go()方法,将window.history.forward();替换为window.history.go(2);
前进几个页面只需要在go()方法里输入几即可
后退两步
go()方法里输入负数即为后退,如go(-2),后退两个网页。
注意:实现跳转的前提是这两个页面必须之前浏览过,否则不能跳转。