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

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

一、总结：

1、javaScript:history.go(-1);

 

二、方法

1.通过超链接返回到上一页

<a href="#" οnclick="javascript:history.back(-1);">返回到上一页</a>

<a href="#" onClick="javaScript:history.go(-1)">返回上一页</a>

2.用按钮代码

<input type=”button” name=”Submit” οnclick=”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 >