返回上一页

本文详细介绍了在JavaScript中通过关闭窗口、调用历史记录API、延迟返回、HTML元素绑定、刷新返回等五种方式实现返回上一页的功能。
摘要由CSDN通过智能技术生成

在JavaScript中,实现返回上一页主要有以下几种方式:

1.尝试关闭当前浏览器窗口或标签页,不会刷新页面:

<a href="#" onclick="javascript:window.close(); ">【关闭窗口】</a>

2.直接调用浏览器历史记录API:

history.back();

或者指定步数返回:

history.go(-1);

这两条语句都会使浏览器加载历史记录中的前一个页面,即用户访问过的上一个页面。

3.延迟返回上一页: 如果需要在执行其他操作后延迟一段时间再返回上一页,可以使用setTimeout函数:

setTimeout(function() {
    history.back();
}, 3000);

上述代码将在3秒后返回上一页。

4.按钮或链接触发: 可以将JavaScript代码绑定到HTML元素(如按钮或链接)的点击事件上:

<!-- 文字链接 -->
<a href="javascript:void(0);" onclick="history.back();">返回上一页</a>

<!-- 图片链接 -->
<img src="your-image-path.png" alt="返回上一页" onclick="history.back();" />

<!-- 按钮 -->
<button onclick="history.go(-1);">返回上一页</button>

5.刷新并返回上一页: 如果需要返回上一页的同时刷新页面,可以组合使用history.back()location.reload()

history.back();
location.reload(); // 可选,如果需要强制刷新上一页

 总结:

  • window.history.go(-1);//返回上一页不刷新
  • οnclick="javascript:window.close();//返回上一页不刷新
  • window.location.href = document.referrer;//返回上一页并刷新
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值