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