前端实现返回上一层页面
当前的页面的url下标为0,所以window.history.go(-1) 就是要定位到相对页面下表为-1的页面, 也就是之前刚刚访问的页面;
//返回上一页:
window.history.go(-1);
//返回上两个页面:
window.history.go(-2);
window.history.back(-1)和windos.history.go(-1) 都是返回之前的页面 但是方法不同 所以也有所区别:
window.history.back(-1)//直接返回当前页的上一页,数据全部消失,是个新页面
window.history.go(-1)//也是返回上一页面,不过表单的数据还在
项目经验实例:
<button type="button" class="btn btn-danger" style="position:relative; float:right;bottom:49px;"
onclick="javascript:window.history.go(-1)">返回
总结:
<input type=button value=刷新 onclick="window.location.reload()">
<input type=button value=前进 onclick="window.history.go(1)">
<input type=button value=后退 onclick="window.history.go(-1)">
<input type=button value=前进 onclick="window.history.forward()">
<input type=button value=后退 onclick="window.history.back()"> //后退+刷新
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步