html实现返回上一页的几种方法(javaScript:history.go(-1);)

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>
原文地址:https://www.cnblogs.com/Renyi-Fan/p/9020223.html