JavaScript特效之前進，後退（返回上一級）

標籤：body   button   type   --   func   使用   java   data   data-   

在頁面上增加前進,後退（返回上一級）功能：

方式一：使用函數

<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特效之前進，後退（返回上一級）