移动端路由history.back()不生效（路由返回）

最新推荐文章于 2024-07-11 04:17:47 发布
最新推荐文章于 2024-07-11 04:17:47 发布
阅读量3.3k 收藏 2
点赞数
分类专栏： 原生javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44547635/article/details/108647963
版权

移动端路由history.back()不生效（路由返回）

在pc端的话，使用history.back()是可以的，但是在移动端是不生效的，想要在移动端返回上一层页面，先使用document.referrer获取上一层页面路径，再使用window.location.href进行跳转就可以了。

window.location.href = document.referrer
渣 渣 辉
关注
专栏目录
手机APP中使用history.back()返回没有效果的解决
apple20141201的博客
06-04 942
样式是一个超链接A标签，通过点击事件来达到返回上一页的效果。 所以通常做饭是把A标签的href写成#，然后onClick事件，刚开始我只是当成一个普通点击事件，然后使用JS进行返回。 写法如下： <a id="returnButton" onClick="javascript :history.back();" class="header_btn"><p clas...
h5 控制页面不可以返回_关于H5中返回不生效的问题
weixin_30523059的博客
02-01 1482
在H5中使用window.history.go(-1);不能生效如果app中内置h5的跳转页面，当在其中使用window.history.go(-1)时，并不能返回可以使用解决 location.href = document.referrer;关于document.referrer获取前一页面的URL地址的方法：document.referrerreferrer 属性可返回载入当前文档的文档的 ...
移动端history.back无效
小强Sir
06-16 1208
移动端history.back无效 平时我们页面通过js返回上一页的时候会用： window.history.back(); window.history.go(-1); 但是在移动端的时候却无效，这时可以采用： window.location.href = window.document.referrer; window.document.referrer返回当前页面来源uri。 MDN_referrer ...
解析window.history.go()和history.back()的妙用技巧
最新发布
weixin_40413154的博客
07-11 109
解析window.history.go()和history.back()的妙用技巧 大家好，我是微赚淘客系统3.0的小编，也是冬天不穿秋裤，天冷也要风度的程序猿！今天，我们将深入研究前端开发中常用的两个历史管理方法——“window.history.go()和history.back()”。这两个方法是在浏览器中实现页面跳...
window.history.back()无效,即无法返回上一页原因
02-05 1万+
比如你从第一个页面点击一个a超链接.进到第二个页面,第二个页面有个返回按钮.点击无反应.如下 &amp;lt;a href=&quot;#&quot; onClick=&quot;javascript:window.history.back();return false;&quot;&amp;gt;点击这里无法返回&amp;lt;/a&amp;gt; 原因是你的第一个页面的超链接上加了target=&quot;_blank&
移动端window.history.back()无效的替代方案
yutiedun的博客
06-28 2132
移动端使用window.history.back()无法返回上一页，网上搜到的解决方法是 window.location.href = document.referrer; 但是如果是在两个页面来回切换几次，返回时就会陷入无限循环。 没办法，只能自己动手了，自定义一套解决方案。 解决思路是把访问过的url放到数组里面，再存储到localStorage里面，返回时从里面读取最后一个url，读取后再把最后一个url移除。具体实现如下 //历史记录 var jndx_currenturl = win
history.back() 安卓端无效
qq_32809225的博客
06-16 1363
WebView在loadUrl()之后设置userAgent，H5页面调用history.back()，无法返回上一级页面；
关于window.history.back() ，本地测试生效，用电脑浏览器访问地址生效，移动端点击无法生效，
Crazy_Cw的博客
01-15 1178
如下是我写了一个 a标签 做了一个点击事件： &lt;a href="#" class='back' v-on:click="goback"&gt;上一步&lt;/a&gt; 下面 点击事件：       1，通过查阅相关资料，和观察代码发现： 应该是浏览器处理上的差异导致， 因为有可能是浏览器先执行了onClick，还没执行完的时候就接着执行了href，导致无法正常返回， 解...
history.back()返回页面失效问题解决方法
ah_gaolihua的专栏
07-03 3311
在需要跳转的页面添加
搞懂vue-router/嵌套、命名路由/路由重定向...（一）
Blueberry
08-20 2567
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录前言一、安装二、路由对象1.定义2.路由对象属性三、用法1.项目初始化--引入2.主入口文件App.vue3.嵌套路由 （router-link)嵌套路由配置嵌套路由使用4.动态路由匹配使用场景单个路径参数多段路径参数获取当前路由参数5.编程式导航1.router.push()2.router.reolace()3.router.go(n)6.命名路由 前言 提示：本文是跟随vue-router官网逐步展开，希望能更深入了解vue
无刷新跳转—关于history中pushState和replaceState方法详解
Bejpse的博客
03-02 3792
〝 古人学问遗无力，少壮功夫老始成 〞 **关于history中pushState和replaceState方法详解，**常码字不易，出精品更难，没有特别幸运，那么请先特别努力，别因为懒惰而失败，还矫情地将原因归于自己倒霉。你必须特别努力，才能显得毫不费力。如果这篇文章能给你带来一点帮助，希望给飞兔小哥哥一键三连，表示支持，谢谢各位小伙伴们。 目录 一、方法作用 二、参数详解 三、两者相同点 四、两者不同点 一、方法作用 HTML5新接口，可以改变网址而不刷新页面 存在跨域问题，不支持重写到另一个域.
uniapp路由传参使用密文_uni-app 的router方案 （大佬写的插件，借用一下并宣传）...
weixin_39984982的博客
01-13 1256
uni-simple-router一个更为简洁的Vue-router，专为 uni-app 量身打造简介说明:是否你也曾感叹过为啥官方就不搞一个类似直到此插件出来之前也没有一个更好的解决方法。于是它，没错，就是它，它诞生了。只要你会使用Vue-router即可马上上手，下面文档的完全不用看。它保留了Vue-router完全相似的书写风格，让你倍感亲切!大纲安装NPM复制代码npm insta...
Hash模式和History模式（路由hash模式和history模式详解）
lh134241的博客
05-25 1539
hash模式 使用window.location.hash属性及窗口的onhashchange事件，可以实现监听浏览器地址hash值变化，执行相应的js切换网页。下面具体介绍几个使用过程中必须理解的要点： hash指的是地址中#号以及后面的字符，也称为散列值。hash也称作锚点，本身是用来做页面跳转定位的。如http://localhost/index.html#abc，这里的#abc就是hash； 散列值是不会随请求发送到服务器端的，所以改变hash，不会重新加载页面； 监听 window 的 hash
javascript:history.back(-1)失效问题
热门推荐
qq_33203125的博客
07-21 1万+
返回 这是很常见的返回上一页的写法， 最近在做移动端项目的时候发现这种写法在有些移动端浏览器上点击没反应， 查了一下资料，应该是浏览器处理上的差异导致， 于是改成如下写法： 返回 因为有可能是浏览器先执行了onClick，还没执行完的时候就接着执行了href，导致无法正常返回， 所以添加return false阻止其往下执行， 最终写法可以将href属性去掉： 返回 返回
解决IE6下history.back无效的问题
Akay的Web技术博客
04-13 1693
解决IE6中history.back()无法返回的问题：back或back2
javascript history back(-1)失效问题
gaogaoupc1992的博客
10-22 2217
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。 本文链接：https://blog.csdn.net/qq_33203125/article/details/75606655 <a href="#" onClick="javascript:history.back(-1)">返回</a> 这是很常见的返回上一页的写...
解决ios  history.back()返回不刷新
Something的博客
05-27 2423
需求 当由A页面跳转到B页面，将B页面的字段保存至localstorage中。返回A页面时，需要将B页面的某些字段从localstorage取出进行渲染。 B页面返回A页面时，我用的是history.back()，由于ios和安卓机制不同，安卓会重新刷新主页面的ready， ios则不会。 解决方法 ①window.location.href=“pageA.html” 这是我们最容易想到的解决办法，但是存在问题。 pageA.html-->pageB.html-->pageC.h..
从window.history理解浏览器返回不触发页面刷新问题
weixin_42349568的博客
02-28 4155
DOM window 对象通过 history 对象提供了对浏览器的会话历史的访问，它暴露了很多有用的方法和属性，允许你在用户浏览历史中向前和向后跳转，同时——从 HTML5 开始——提供了对 history 栈中内容的操作。
解决使用window.history.back()，返回上一页后，页面不刷新问题
idongit的博客
07-09 1万+
在返回的页面增加以下js代码 window.onpageshow = function(event) { if (event.persisted || window.performance && window.performance.navigation.type == 2) { window.location.reload(); ...
uniapp使用history.back()返回上一页陷入循环
05-30
这可能是因为你的代码中存在某些问题，导致历史记录中的页面被重复添加，从而导致 `history.back()` 陷入循环。你可以尝试以下方法来解决这个问题： 1. 检查页面跳转的逻辑，确保没有重复添加历史记录的代码。 2. ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值