您的位置：首页 > Web前端 > JavaScript

JavaScript特效之前进，后退（返回上一级）

2015-07-30 17:59 519 查看
在页面上加入前进,后退（返回上一级）功能：

方式一：使用函数

<script>

function goback(){

history.go(-1);//返回或者history.back();

}

function go(){

history.go(1);//前进或者history.forward();

}

</script>



方式二：

<a href="javascript:history.go(1)">前进</a>



<a href="javascript:history.go(-1)">后退</a>



容易疑惑的地方：

每个页面都可以设置后退前进按钮，只有本页面跳到其他页面后，本页面的前进按钮才有效（有了前进的方向），

只有由其他页面跳到本页面后本页面的后退按钮才有效(知道来的路才能按原路返回)，

（因为前进后退要有目标方向）

<html>

<head>

<title>前进,后退</title>

<script>

function goback(){

history.go(-1);//返回或者history.back();

}

function go(){

history.go(1);//前进或者history.forward();

}

</script>

</head>

<body>

<a href="damel8.html">go to damel8.html</a>

<br/>

<!-- 如果本页面（记为B页面）由其他页面（记为A页面）通过<a href=""> </a> 等方式跳转过来 点击后退按钮会返回到原来的A页面；跳回A页面后，如果点击A页面的前进按钮（javascript:history.go(1)）会跳到B页面。

通俗讲：

A页面 通过<a href=""> </a> 等方式 跳到 B页面

点击B页面的后退按钮 跳回A页面

此时点击A页面的前进按钮又可以跳回B页面

容易疑惑的地方：

每个页面都可以设置后退前进按钮，只有本页面跳到其他页面后，本页面的前进按钮才有效（有了前进的方向），

只有由其他页面跳到本页面后本页面的后退按钮才有效(知道来的路才能按原路返回)，

（因为前进后退要有目标方向。。。。知道来得路才能按原路返回，）

-->

方式一：使用href

<br/>

<a href="javascript:history.go(1)">前进</a>

方式二：使用函数调用

<br/>

<input type="button" onClick="goback()" value="后退"/>

<br/>

</body>

</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航