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>