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>
<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>
JavaScript特效之前進,後退(返回上一級)