js返回父级页面和上上级页面

最新推荐文章于 2019-03-28 11:23:15 发布
最新推荐文章于 2019-03-28 11:23:15 发布
阅读量1.1k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： Ajax javaScript 文章标签： java javascript ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/JACKASDFGHJKL/article/details/84177028
本文介绍了使用JavaScript实现返回上级页面的两种方式：一种是通过`history.back()`或`history.go()`来实现无刷新返回；另一种是通过服务器端代码实现有刷新的返回。这两种方法为网页导航提供了灵活性。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

   js返回上级页面有两种情况：

    一：返回上级页面无刷新的

    1：

    <a onclick="javascript:history.back(-1);" >返回上级页面</a>

    2：

    <a onclick="javascript:history.go(-1);" >返回上级页面</a>

    返回上上级目录：

    <a onclick="javascript:history.go(-2);" >返回上上级页面</a>

    

     二：反回上级页面有刷新的：

     <a href="<?=$_SERVER["HTTP_REFERER"]?>" >返回上上级页面</a>

     这种情况必须用服务端代码

JS实现刷新当前页面或父页面的几种方法
TechNovaX的博客
10-01 1080
这些是几种常见的JavaScript方法，用于重新加载当前页面或其父页面。请注意，在使用这些方法时，您需要谨慎处理页面状态和数据，以确保在重新加载时不会丢失任何重要信息。在JavaScript中，我们经常需要在网页中重新加载当前页面或其父页面。这将导致浏览器加载新的URL，并将其替换为浏览器历史记录中的当前URL。，它将强制浏览器从服务器重新加载页面，而不是从缓存中加载。这是最简单的方法，它会重新加载当前页面并且不带任何参数。设置为当前页面的URL来实现页面的重新加载。
MUI框架学习——跨页面传值
m0_47396944的博客
02-05 719
实际开发过程中，常常遇到需要跨页面进行数据传递的需求，而这个跨页面主要指的就是存在父子关系的页面，例如打开A.html，在A页面完成相应操作后，点击按钮将数据传递到B.html,在B页面进行修改变动后，在返回至A页面进行展示修改后的结果。 现将介绍MUI框架中页面传值的两种常用方法： 方法一： 通过openwindow的extras参数进行传递到所打开的子页面 父页面传递： mui.openWindow({ id: 'children.html', url: 'children.html', show
js 返回上一页和刷新
12-25
js 返回上一页和刷新
JS后退一页, JS返回上一页, JS返回下一页代码
iteye_3109的博客
11-18 447
Javascript 返回上一页: 1. history.go(-1), 返回两个页面: history.go(-2); 2. history.back(). 3. window.history.forward()返回下一页 4. window.history.go(返回第几页,也可以使用访问过的URL) 例: 向上一页 response.Wri...
JS 返回上一步（退回上一步上一个网页）
热门推荐
11-11 10万+
链接式： 返回上一步 ">返回上一步 按钮式：   直接跳转式： window.location.href=’http://www.ekesn.com‘; JS跳转页面参考代码 第一种：    window.location.href="login.jsp?backurl="+window.location.href;    第二种：
返回上一级页面
qq_38402659的博客
03-28 2905
var historyUtils = { add : function (url) { var historyArray = historyUtils.getLocal(); if (!historyArray) { historyArray = []; } var currentPage = hist...
JS返回父级页面和上上级页面
weixin_33841722的博客
03-28 1050
2019独角兽企业重金招聘Python工程师标准>>> ...
js中页面的重新加载(当前页面/上级页面)及frame或iframe元素引用介绍
12-03
无论是刷新当前页面、上级页面，还是操作iframe内的内容，都可以通过JavaScript实现，提高了网页的动态性和用户体验。在实际开发中，需要注意兼容性问题，确保在不同浏览器中代码都能正确运行。
微信小程序返回箭头跳转到指定页面实例解析
10-16
在微信小程序开发中，用户操作中的返回箭头通常会回到上一级页面，但有时开发者可能需要自定义这个行为，让返回箭头跳转到特定页面而不是默认的上级页面。这在构建复杂应用流程或实现特定导航逻辑时尤其有用。本文将...
wx.navigateTo跳转的页面返回父页面时传值
weixin_41251573的博客
03-19 3310
wx.navigateTo跳转的页面返回父页面时传值 用wx.navifateTo跳转的页面返回父页面时，可以用wx.navigateBack()，若要向父页面传值，应该从页面路由栈中直接获取和操作目标Page对象，即通过调用小程序API：getCurrentPages()来获取当前页面路由栈的信息，这个路由栈中按照页面的路由顺序存放相应的Page对象，我们可以获取到上一级页面完整...
页面js返回上一步上一页
05-16
改文档包含各种“返回”的实现方式。如：jS后退一页, JS返回上一页代码, JS返回下一页,JS返回第几页,JS页面跳转, JS引用JS
JavaScript返回上一页的三种方法及区别介绍
12-11
JavaScript返回上一页代码区别： window.history.go(-1); //返回上一页 window.history.back(); //返回上一页 //如果要强行刷新的话就是：window.history.back();location.reload(); [removed].go(-1); //刷新上一页
JavaScript特效之前进，后退（返回上一级）
程序员
07-30 5530
前进,后退 function goback(){  history.go(-1);//返回或者history.back(); } function go(){ history.go(1);//前进或者history.forward(); } go to damel8.html 前进
JS 重载页面，本地刷新,返回上一页，返回上两页
u011374091的博客
03-25 635
JS 重载页面，本地刷新,返回上一页   &lt;a href="javascript:history.go(-1)"&gt;返回上一页&lt;/a&gt; &lt;a href="javascript:location.reload()"&gt;重载页面，本地刷新&lt;/a&gt; &lt;a href="javascript:history.go(-1);locatio
js返回上一个页面
weixin_39214481的博客
11-14 1390
版权声明：本文为博主原创文章，转载请注明出处 thx~    https://blog.youkuaiyun.com/x550392236/article/details/78851832 当前的url下标为0，所以window.history.go(-1)就是要定位到相对当前页面下标为-1的页面，也就是之前刚刚访问的页面。 //返回上一页： window.history.go(-1); //返回两个...
关于JS中返回上一级
蓝_蓝的博客
02-23 1万+
返回上一级，有两种情况，第一：刷新上一个页面；第二：不刷新上一个页面。首先是，刷新上一个页面，不保留上一个页面的任何操作；（1）&lt;a href="JavaScript:history.go(-1)"&gt;返回上一级&lt;/a&gt;；（2）使用require进行操作。代码如下：// returnLeve.js是返回上一级的js,// returnLeve是使用require进行封装的一个...
js返回上一页并刷新
夏至的博客
06-07 4888
如何实现返回上一页并刷新，且保留上一页原有的参数：在跳转过程中携带参数
JS返回上一页代码实例
qizhichao110的专栏
08-16 858
1. 向上一页 2. 返回上一页 3. 如果是用按钮做的话就是： 4. 用图片做的话就是：
js返回上一页方法
IT_NQR的博客
10-23 727
JS返回上一页2种方法 window.history.go(-1);//返回上一页不刷新   window.location.href = document.referrer;//返回上一页并刷新   使用  返回上一页并刷新        A标签         onClick="window.location.href = document.referre
uniapp返回页面触发事件
最新发布
02-28
### 实现 UniApp 页面返回时触发特定事件 在 UniApp 中，可以通过多种方式实现在页面返回时触发特定事件的功能。以下是几种常见且有效的方法： #### 方法一：使用 `onBackPress` API 监听返回操作 对于需要监听并处理返回按键的情况，可以利用 `onBackPress` 这个生命周期函数[^2]。 ```javascript export default { methods: { handleBackPress() { console.log('返回键被按下'); // 执行一些逻辑代码... // 如果已经处理了返回，则返回 true 阻止默认行为；否则返回 false 继续默认行为 return true; } }, onBackPress(options) { this.handleBackPress(); } } ``` 此方法适用于 Android 设备上的物理返回键以及 iOS 和 H5 平台下的虚拟返回按钮。 #### 方法二：监听页面卸载 (`beforeDestroy`) 来间接响应返回动作 如果希望捕捉到用户通过手势或其他方式离开当前页的行为，可以在组件即将销毁之前做相应处理[^3]。 ```javascript export default { data() { return { goback: false, }; }, beforeDestroy() { if (!this.goback) { let pages = getCurrentPages(); // 假设要通知上一页刷新数据 pages[pages.length - 2].$vm.getInfo && pages[pages.length - 2].$vm.getInfo(); } }, }; ``` 这种方法特别适合于那些即使不是由标准的“返回”按钮引起的退出场景（如滑动手势），也能确保某些清理工作被执行。 #### 方法三：结合 `navigateBack` 接口主动调用回调 当从子页面返回至父页面时，还可以借助 `uni.navigateBack()` 的成功回调机制来同步状态或传递参数给上级页面[^4]。 ```javascript // 子页面内执行如下代码片段 uni.navigateBack({ delta: 1, success() { const pages = getCurrentPages(); const prevPageInstance = pages[pages.length - 1]; // 更新父级实例中的属性值或者其他交互逻辑 prevPageInstance.$vm.someMethodToCall || (() => {}); } }); ``` 这种方式非常适合用于父子页面间的数据共享和通信需求。 综上所述，开发者可以根据实际应用场景灵活选用上述任一种方案或者组合起来满足更复杂的要求。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值