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

作者:木棉

时间:2026-10-27

浏览:264

本文介绍在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="返回上一页">

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章