网页上的“返回上一页”的几种实现代码

在制作网页的时候,经常在网页上要用到“返回上一页”的功能。

这一功能在制作网页的时候会有多种编码方法,在此,

我将比较常用的几种编码的写作方法在下面列出来,供参考使用。

方法一、以按钮点击的方式实现:
<input type="button" name="Submit" value="返回上一页" onclick="javascript:window.history.back(-1);">
或者
<input type="button" name="Submit" value="返回上一页" onclick="javascript:history.back(-1);">

方法二、以图片点击的方式实现:
<img src="图片的路径" onclick="javascript:window.history.back(-1);" title="返回上一页" alt="返回点击图片" />
或者
<img src="图片的路径" onclick="javascript:history.back(-1);" title="返回上一页" alt="返回点击图片" />

方法三、文字点击的方式实现:
<a href="javascript:history.back(-1)">返回上一页</a>
或:
<a href="#" onClick="javascript:history.back(-1);">返回上一页</a>

方法四、图片链接的方式实现:
<a href="javascript:window.history.back(-1)" target="_self"><img src="图片的路径" /></a>
或者
<a href="javascript:history.back(-1)" target="_self"><img src="图片的路径" /></a>

方法五、过几秒钟后返回上一页代码:
<script language="javascript">setTimeout("window.history.go(-1)",3000)</script> 
或者
<script language="javascript">setTimeout("history.go(-1)",3000)</script>

注意:

<input type="button" name="back" value="重新填写" onclick="javascript:history.back(-1);"/>

history.back(-1):直接返回当前页的上一页,数据全部消息,是个新页面history.go(-1):也是返回当前页的上一页,不过表单里的数据全部还在
时间: 2024-08-10 01:42:48

网页上的“返回上一页”的几种实现代码的相关文章

手机上万能返回上一页(wap2.0)代替history.go(-1)

最近在做wap2.0的手机wap,写返回上一页的时候,开始是用history.go(-1); 发现在手机上只有部分机器可以比如windows mobile 而在别的机器如nokia和ophone手机 上这些就不太好用了,经过左思右想终于想到了个山寨方法来解决这个流氓问题了... 不直接用手机的返回功能,而是通过读取 referrer 上得到上一页的链接来实现手机返回上一页功能 代码如下: Javascript CODE [javascript] view plaincopyprint? /*返回

图片上传返回上传链接

@Value(("#{prop.uploadHost}"))private String uploadHost;@RequestMapping(value = "/insertImgUrl")public ResultData insertImgUrl(HttpServletRequest request, HttpServletResponse response){ response.setContentType("application/json&qu

在CentOS 7 上设置返回上一级目录的快捷键为 Backspace

参考这里. 编辑文件: $ vi ~/.config/nautilus/accels 找到这一行:  ; (gtk_accel_path "<Actions>/ShellActions/Back" "<Alt>Left") ,可以看到,CentOS7 默认的向上一级目录跳转的快捷键是 Alt + ←. 在它下方添加一行,设置快捷键为 Backspace:  (gtk_accel_path "<Actions>/Shell

js返回上一页并刷新代码整理 转

返回上一页并刷新在此功能有利于用户的体验,是每一个web开发人员所必备的一项,长话短说,今天介绍实现此功能的一个方法,需要了解的朋友可以参考下 一:JS 重载页面,本地刷新,返回上一页 复制代码 代码如下: <a href="javascript:history.go(-1)">返回上一页</a> <a href="javascript:location.reload()">重载页面,本地刷新</a> <a hr

js返回上一页并刷新代码整理

一:JS 重载页面,本地刷新,返回上一页 复制代码 代码如下: <a href="javascript:history.go(-1)">返回上一页</a> <a href="javascript:location.reload()">重载页面,本地刷新</a> <a href="javascript:history.go(-1);location.reload()">返回上一页重载页面,

asp.net中的窗口弹出实现,包括分支窗口 . ASP.NET返回上一页面实现方法总结 .

返回上一页的这个东东在我们做项目的时候一般是用于填写完表单后确认的时候,有对原来输入的数据进行修改或者更新时用的,或者是因为网站为了方便浏览者而有心添加的一个东东,一般这种功能的实现在ASP.NET中都是用一个Button控件来实现的,实现的方法有很多,今天恰好在做项目时碰到要用这个东东,我就把能实现" 返回上一页","返回前一页"的几种方法总结了一下,供大家学习之用,请多多指教: 其实要实现这个功能主要还是要用到javascript脚本语言! 方法一: 在asp.

js 返回前一页并刷新页面方法

[导读] 要返回上一页再刷新页面我们用到最多的是在像php,asp,jsp,asp.net中,下面我来给大家先介绍js 返回前一页并刷新页面,然后再把这些代码放在php中实现删除后返回当前页面并刷新页面.... JS 重载页面,本地刷新,返回上一页 代码如下 1 2 3 <a href="javascript:history.go(-1)">返回上一页</a> <a href="javascript:location.reload()"

返回前一页并刷新页面方法

原文地址:http://www.zixuephp.com/html/javascript/2014_09/1642.html php实现返回上一页的功能的3种有效方法 header(location:你的上一页的路径);   //   注意这个函数前不能有输出 header(location:.getenv("HTTP_REFERER"));   //   返回其调用页面 echo"<script>alert('随便写点什么');history.go(-1);&l

点击返回上一页代码实例

点击返回上一页代码实例:在网页中,经常见到这么一个效果,点击一个按钮.文本或者图片可以返回上一步所浏览的网页,下面就给出代码实例,希望能够给需要的朋友带来帮助,代码实例如下:一.点击按钮返回上一页: <input type="button" onclick="javascript:history.back(-1);" value="返回上一页" /> 二.点击图片返回上一页: <img src="images/bt.j