JS返回上一页的三种实现方式:链接、按钮与图片

作者:木棉时间:2026-10-27 13:46:47浏览:265

本文介绍在Web开发中实现返回上一页功能的三种常见方式。通过HTML链接调用history.go或history.back方法,利用按钮的onclick事件触发返回操作,以及为图片添加点击事件实现导航。这些方法均基于JavaScript的history对象,适用于简单的页面跳转需求,代码示例清晰展示了具体实现细节。

使用超链接返回上一页

1. 使用超链接实现:<a href="javascript:history.go(-1);">向上一页</a>



2. 另一种超链接写法:<a href="javascript :history.back(-1)">返回上一页</a>



使用按钮返回上一页

3. 若需通过按钮实现返回功能,代码如下:


代码如下:

 
<input type="button" name="Submit" onclick="javascript:history.back(-1);" value="返回上一页">

使用图片返回上一页

4. 若需通过图片实现返回功能,代码如下:


代码如下:

 
<img src="图片路径" border="0" onclick="javascript:history.back(-1);" title="返回上一页">
作者最新文章