如何通过JavaScript代码实现页面的返回上一页功能的实现

最新推荐文章于 2023-06-13 10:45:22 发布
最新推荐文章于 2023-06-13 10:45:22 发布
阅读量1.7k 收藏
点赞数
分类专栏： JavaScript 返回上一页 专题技术文献 专题技术文献分享与交流 文章标签： JavaScript 返回上一页 专题技术文献
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41890694/article/details/88251533
版权

如何通过JavaScript代码实现页面的返回上一页功能的实现


作者： 张国军_Suger
开发工具与关键技术：JavaScript
很多时候我们需要通过JavaScript代码实现页面的上一页功能，下面总结了一些方法，希望可以帮到大家。
1、返回上一页。 

window.history.go(-1);
window.history.back();

2、若强行刷新请使用这个。

window.history.back();
location.reload();

3、刷新上一页。

window.location.go(-1);
张国军_Suger
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
微信小程序返回上一级页面的实现代码
10-15
在微信小程序开发中，用户经常需要实现从当前页面返回上一级页面的功能，以便在多级导航中提供便捷的用户体验。本篇文章将详细介绍如何在微信小程序中实现这个功能，并提供具体的代码示例。 首先，微信小程序提供了...
Javascript实现返回上一页面并刷新的小例子
12-03
今天写了一个小小的提示成功的页面，同时要求返回上一页面，并实现对上一页面的操作进行刷新（例如删除的，添加的），在网上搜寻了一遍，基本上90%的都是说的是用window.history.go(-1), 或者是用 window.history....
js实现回到上一页的功能,介绍三种方法,其中一种在新开的页面中也适用
热门推荐
yun_master的博客
03-27 2万+
话不多说,看例子 1、history.go() 可以回到,前进任意一步的页面,回到上一页,如下所示 // 回到上一页 window.history.go(-1); // 回到下一页 window.history.go(1); // 回到任意一页 widnow.history.go(+前进几页) 2、history.back() // 回到上一页 history.back() 3、document.referer 以上两种方式,基本上大家都清楚,但是我们常常会遇到的一个场景,并不适用.比如当你的页面点
js返回上一页的三种方法分享
最新发布
winkexin的博客
06-13 1万+
调用该方法的效果等价于点击后退按钮或调用 history.go(-1)。back() 方法可加载历史列表中的前一个 URL（如果存在）。最常用的一种方法，可以返回、前进任意一步的页面、回到上一页。支持新窗口返回上一页。
使用js 返回上一页
weixin_51890230的博客
05-09 2354
返回上一页并刷新</a>方法三：<a href="javascript:" onclick="history.go(-2);">返回前两页</a>">返回上一页</a>方法二：<a href="javascript:location.reload()">刷新当前页面</a>方法一：<a href="javascript:history.go(-1)">返回上一页
JavaScript返回到上一页的三种方法
阿小绿的博客
04-20 2万+
window.history.go(-1); //返回上一页 window.history.back(); //返回上一页 window.location.go(-1); //刷新上一页 window.history.back();location.reload();//强行刷新(返回上一页刷新页面） //如果要强行刷新的话就是：window.history.back();//刷新当前页 window.location.reload(); Javascript 返回上一页: history.go(-1)
js返回上一页
段宜恩的博客
03-14 633
js返回上一页并刷新的几种方法：返回上一页 刷新当前页面 返回前两页 返回上一页并刷新 返回上一页
JS实现返回上一页并刷新页面的方法分析
10-16
在本文中，我们将深入探讨如何使用JavaScript实现返回上一页并刷新页面的功能，这是在开发过程中经常遇到的需求，特别是在移动设备和桌面浏览器之间存在差异的情况下。 首先，我们注意到在通常情况下，调用`history...
js返回上一页并刷新的多种实现方法
12-11
本文将详细讨论如何实现“返回上一页并刷新”的多种方法，以及与之相关的JavaScript页面跳转、刷新和自动更新技术。 首先，让我们看下如何在JavaScript中实现“返回上一页并刷新”： 1. 使用`history.go(-1)`结合`...
js实现上一页下一页的效果【附代码】
01-21
Javascript 返回上一页: 1. history.go(-1), 返回两个页面: history.go(-2); 2. history.back(). 3. window.history.forward()返回下一页 4. window.history.go(返回第几页,也可以使用访问过的URL) 例: 复制代码 ...
js 返回上一页和刷新 的代码
12-13
1. Javascript 返回上一页history.go(-1), 返回两个页面: history.go(-2);2. history.back().3. window.history.forward()返回下一页4. window.history.go(返回第几页,也可以使用访问过的URL) 例:<a>向上一页</a>response.Write("[removed]")response.Write("if(!confirm(‘完成任务?’)){history.back();}")re
js控制网页前进和后退的方法
10-24
主要介绍了js控制网页前进和后退的方法,涉及javascript中history.go方法的相关使用技巧,非常简单实用,需要的朋友可以参考下
js中的referrer返回上一页使用介绍
12-12
js完整代码： 代码如下: [removed] var refer=document.referrer; document.getElementById(‘backurl’).value=refer; [removed] “HTTP_REFERER” 链接到当前页面的前一页面的 URL 地址。不是所有的用户代理（浏览器）都会设置这个变量，而且有的还可以手工修改 HTTP_REFERER。因此，这个变量不总是真实正确的。 注意 document.referrer; 和“HTTP_REFERER” 中间差一个字母，却是不同的概念的东东，请注意使用 js
js实现浏览器页面返回上一页
填了个大空℃
05-06 805
window.location.href = document.referrer; window.history.back(-1);
用javascript实现禁止页面后退返回上一页的代码
自强不息
07-25 1653
用javascript实现禁止页面后退返回上一页的代码:有时候我们需要用户在点击了如下一步的按钮时,页面跳转到了下一个页面,这时想不允许用户返回后退到上一页,可以采用下面的方法:在需要跳转的页面（上一个页面）,添加如下代码:&lt;scripttype="text/javascript"&gt;history.go(1);&lt;/script&gt;这时,如果从此页面跳到另外一个页面后,即使点击...
JavaScript实现页面前进后退
Keymo_的奋斗史
12-09 1583
function   pagebackward()      {          window.history.back();      }           function   pageforward()      {          window.history.forward();      }           click="pageforward()">
js实现返回上一个页面
qq_42800961的博客
05-30 1220
废话不说直接上代码： html代码： <a id="back" href="#">返回</a> <button class="layui-btn layui-btn-normal" id="newback">返回</button> js代码块： <script> var backUri = document.referr...
javascript返回上一步，后退的代码
美奇软件开发工作室
10-14 1891
第一种方法： <a href="javascript:history.go(-1)">返回上一步</a> <a href="javascript:" οnclick="history.back(); ">返回上一页</a> 第二种方法： <script language="javascript"> window.history.back(-1); </script> ...
uniapp顶部导航栏返回上一级页面代码实现
04-24
要在uniapp中实现顶部导航栏返回上一级页面的代码，你需要在wxml文件中添加一个返回按钮，然后在js文件中定义一个函数。以下是示例代码： wxml文件： ``` <view class="nav-bar"> <view class="nav-back" bindtap="goBack"> <image src="../assets/images/back.png"></image> </view> <view class="nav-title">{{title}}</view> </view> ``` js文件： ```javascript methods: { goBack() { uni.navigateBack({ delta: 1 }) } } ``` 在goBack函数中，我们使用uni.navigateBack方法来返回上一级页面，delta参数指定返回多少级页面，这里我们只返回上一级页面，所以为1。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

张国军_Suger

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值