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

转载

mob604756ef7d06 2018-05-10 16:15:00

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

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

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

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

2.用按钮代码

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