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

2024-06-03 23:58:08

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>

转载于:https://www.cnblogs.com/Renyi-Fan/p/9020223.html

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

JSP 返回上一页的几种方法
1. <a href="javascript:history.back(-1)">返回上一页</a> 2. <a href="java ...
返回上一页的三种方法
返回上一页的三种方法: <button onClick={()=>{{/* 方法一 */}window.history.back(){/* 方法二 */}this.props.histor ...
JavaScript返回上一页的三种方法
JavaScript返回上一页代码区别: window.history.go(-1); //返回上一页 window.history.back(); //返回上一页 window.location.g ...
《解决微信内置浏览器返回上一页强制刷新问题方法》
<解决微信内置浏览器返回上一页强制刷新问题方法> 参考文章: (1)<解决微信内置浏览器返回上一页强制刷新问题方法> (2)https://www.cnblogs.com/li ...
网页上的“返回上一页”的几种实现代码
在制作网页的时候,经常在网页上要用到"返回上一页"的功能. 这一功能在制作网页的时候会有多种编码方法,在此, 我将比较常用的几种编码的写作方法在下面列出来,供参考使用. 方法一.以 ...
禁止手机侧滑返回上一个页面的三种方法
禁止手机侧滑返回上一个页面的三种方法侧滑返回上一个页面用户体验很很好.但是在特别的场景侧滑返回上一个页面严重影响用户体验: 1.如正在斗地主,结果在出牌时,由于出最左边的牌时,不小心触发了侧滑离开斗 ...
javascript返回上一页的三种写法
window.history.go(-1); //返回上一页 window.history.back(); //返回上一页 window.location.go(-1); //刷新上一页 wind ...
js返回上一页并刷新的方法
js返回上一页并刷新的几种方法: <a href="javascript:history.go(-1)">返回上一页</a> <a href=&qu ...
html5 微信返回按钮,《解决微信内置浏览器返回上一页强制刷新问题方法》(示例代码)...
微信内置浏览器在返回上一页面,且上一页面包含AJAX代码时,页面就会被强制刷新,极度影响用户体验.而我们想要的效果是:返回上一页面时,页面还停留在原来的状态,AJAX获取到的数据还在,滚动条也在原来的 ...

最新文章

热门文章