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