首頁 > 開發者 > 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>
容易疑惑的地方：
每個頁面都可以設定後退前進按鈕，只有本頁面跳到其他頁面後，本頁面的前進按鈕才有效（有了前進的方向），
只有由其他頁面跳到本頁面後本頁面的後退按鈕才有效(知道來的路才能按原路返回)，
（因為前進後退要有目標方向）
<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>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
