html實現返回上一頁的幾種方法(javaScript:history.go(-1);)
一、總結:
1、javaScript:history.go(-1);
二、方法
1.通過超鏈接返回到上一頁
<a href="#" onclick="javascript:history.back(-1);">返回到上一頁</a>
<a href="#" onClick="javaScript:history.go(-1)">返回上一頁</a>
2.用按鈕代碼
<input type=”button” name=”Submit” onclick=”javascript:history.back(-1);” value=”返回上一頁”>
3 圖片代碼
<a href=”javascript :;” onClick=”javascript :history.back(-1);”><img src=”圖片路徑” border=”0″ title=”返回上一頁”></a
提供3種方法:
1、超鏈接返回上一頁。
1
2
|
<
a
href=”#” onClick=”javascript :history.back(-1);”>返回上一頁</
a
>
<
a
href=”#” onClick=”javascript :history.go(-1);”>返回上一頁</
a
>
|
2、按鈕返回上一頁。
1
|
<
input
type=”button” name=”Submit” onclick=”javascript:history.back(-1);” value=”返回上一頁”>
|
3、圖片鏈接返回上一頁。
1
2
3
4
5
6
7
8
9
10
11
12
|
<
a
href=”javascript :;” onClick=”javascript :history.back(-1);”><
img
src=”圖片路徑” border=”0″ title=”返回上一頁”></
a
>
[color=#FF0000]幾秒鍾后[/color]自動返回上一頁代碼:(加入兩個head間,3000表示3秒)
<
SCRIPT
language
=
javascript
>
function go()
{
window.history.go(-1);
}
setTimeout(“go()”,3000);
</
SCRIPT
>
“>返回上一頁</
a
>
<
script
>alert(‘發布失敗’);location.href=’index.php’; window.history.go(-1);
</
script
>
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
|
代碼如下
超鏈接返回上一頁代碼:
<
a
href=”#” onClick=”javascript :history.back(-1);”>返回上一頁</
a
>
<
a
href=”#” onClick=”javascript :history.go(-1);”>返回上一頁</
a
>
用按鈕代碼:
<
input
type=”button” name=”Submit” onclick=”javascript:history.back(-1);” value=”返回上一頁”>
圖片代碼:
<
a
href=”javascript :;” onClick=”javascript :history.back(-1);”><
img
src=”圖片路徑” border=”0″ title=”返回上一頁”></
a
>
[color=#FF0000]幾秒鍾后[/color]自動返回上一頁代碼:(加入兩個head間,3000表示3秒)
<
SCRIPT
language
=
javascript
>
function go()
{
window.history.go(-1);
}
setTimeout(“go()”,3000);
</
SCRIPT
>
“>返回上一頁</
a
>
<
script
>alert(‘發布失敗’);location.href=’index.php’; window.history.go(-1);
</
script
>
|