JavaScript特效之前进,后退(返回上一级)

在页面上增加前进,后退(返回上一级)功能:


方式一:使用函数

<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>


easy疑惑的地方:

每一个页面都能够设置后退前进button,仅仅有本页面跳到其它页面后。本页面的前进button才有效(有了前进的方向),

仅仅有由其它页面跳到本页面后本页面的后退button才有效(知道来的路才干按原路返回)。

(由于前进后退要有目标方向)



<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> 等方式跳转过来 点击后退button会返回到原来的A页面;跳回A页面后。假设点击A页面的前进button(javascript:history.go(1))会跳到B页面。


通俗讲:

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

点击B页面的后退button  跳回A页面

此时点击A页面的前进button又能够跳回B页面


easy疑惑的地方:

每一个页面都能够设置后退前进button,仅仅有本页面跳到其它页面后,本页面的前进button才有效(有了前进的方向),

仅仅有由其它页面跳到本页面后本页面的后退button才有效(知道来的路才干按原路返回),

(由于前进后退要有目标方向。。

。。知道来得路才干按原路返回,)

-->

方式一:使用href

<br/>

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

方式二:使用函数调用

<br/>

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

转载于:https://www.cnblogs.com/gavanwanggw/p/6888673.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值