1. 程式人生 > >JavaScript特效之前進,後退(返回上一級)

JavaScript特效之前進,後退(返回上一級)

函數調用 dsm war button 之前 type 後退 white 一個

在頁面上增加前進,後退(返回上一級)功能:


方式一:使用函數

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

JavaScript特效之前進,後退(返回上一級)