javascript的history.back()兼容性问题

最新推荐文章于 2021-05-08 13:42:49 发布
最新推荐文章于 2021-05-08 13:42:49 发布
阅读量9.5k 收藏 2
点赞数
CC 4.0 BY-SA版权
分类专栏： JavaScript 文章标签： 浏览器 chrome
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/chunyang_guo/article/details/11402017
本文介绍了一种解决返回按钮在Chrome和Firefox浏览器中无法正常工作的方法。通过调整HTML代码中的onclick属性，使得点击返回链接时能够正确地回退到前一个页面。

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

在firefox和chrome浏览器里面 


<a href="#" onclick="history.back(); ">返回</a>

无效 


可以这样写：


<a href="#" onclick="window.history.back(-1); return false">返回</a>


[极致用户体验] 网页里的「返回」应该用 history.back 还是 push ？
Hull Qin
08-17 5783
只要网页里有「返回」都会遇到这个问题。其实，你用back或push实现，都有问题。本文提供了完美解决方案，实现了逻辑正确的「返回」按钮，而且没有剥夺用户使用「原生返回」的权利。
iframe vue 前进 后退_iframe子页面调用history.back(),父页面会返回的问题解答
weixin_39895881的博客
03-04 2445
1，问题原因：浏览器兼容问题，Chrome支持，Safari不支持function goBack(){//解决Safari中后退功能的兼容问题if (navigator.userAgent && /(iPhone|iPad|iPod|Safari)/i.test(navigator.userAgent)) {window.location.href = window.documen...
谷歌浏览器不兼容history.back()返回上一页并刷新问题
白菜的博客
05-08 2101
老项目中发现的一个小bug，表单提交后跳转的jsp是通过history.back()方法返回上一页，因为项目极老，当时只兼容ie，所以在测试的时候都没有发现这个问题。今天用chrome测试发现，在返回的时候填写的表单还保存着，只需要重新填写验证码即可。于是想要解决这个bug。 度娘一波发现对于history.go()和history.back()怎么说的都有，但经实测，不论是history.go(-1)或是history.back(-1)以及history.go()都只能返回上一页，但无法刷新。 多方探查之
window.history.back();window.history.go(-1); 兼容 Chrome
weixin_33738578的博客
06-29 1041
今天对页面进行测试，无意中发现了window.history.back();《返回》功能对于IE，火狐是支持的，但是当换用Chrome时按钮失效，通过查找得知在window.history.back();后加一个return false;就可以支持三种浏览器了，个人猜想是因为Chrome在返回之后记忆了上一个页面的操作记录，点击事件被自动记忆并且执行了（高手请指点），这样就再...
返回按钮不同内核浏览器兼容问题
Aitex的博客
03-13 749
今天在做一个前端测试时需要用到返回上一级来源页面的一个功能了，但小编测试了history.back()之后发现在ie有效在FireFox和Chrome无效了，下面我们来看问题如何解决。 小编最初写法是history.back()如下 html 取消   js代码 $('#calcelbtn').click(function(){  history.back();
javascript-history.go()和History.back()的区分_.docx
10-09
### JavaScript中的历史对象方法详解：history.go()与history.back() #### 一、引言 在Web开发中，浏览器的历史管理是...在实际项目中，开发者应根据具体需求选择最合适的方法，并注意不同浏览器之间的兼容性问题。
window.history.back() 没用
最新发布
04-01
以下是针对`window.history.back()`失效问题的系统性排查指南及解决方案： --- ### 一、核心问题定位 `window.history.back()`失效通常由以下原因导致： ```mermaid graph TD A[失效表现] --> B{历史记录栈是否为...
const onClickLeft = () => history.back();
03-23
还要考虑可能的错误，比如浏览器兼容性问题，或者在某些情况下`history.back()`可能没有效果（比如当历史记录为空时）。 还需要参考用户提供的引用内容，检查是否有相关的代码示例或说明。例如，引用[1]和[2]中提到...
javascript History对象原理解析
11-21
然而，Internet Explorer 10 及其后续版本在初始时返回 2，这可能导致兼容性问题。因此，在实际应用中，开发者通常不依赖此属性，而是更多地使用 go()、back() 和 forward() 方法。 **2. 跳转方法 - go()、back() ...
javascript:history.back(-1)失效问题
热门推荐
qq_33203125的博客
07-21 1万+
返回 这是很常见的返回上一页的写法， 最近在做移动端项目的时候发现这种写法在有些移动端浏览器上点击没反应， 查了一下资料，应该是浏览器处理上的差异导致， 于是改成如下写法： 返回 因为有可能是浏览器先执行了onClick，还没执行完的时候就接着执行了href，导致无法正常返回， 所以添加return false阻止其往下执行， 最终写法可以将href属性去掉： 返回 返回
Js中的history.back()在FireFox和Chrome
虚拟爱恋
12-09 6758
JavaScript中后退的写法：history.back()或者history.go(-1)。         这种写法在IE上即可实现我们想要的效果，但是在FireFox和Chrome就会变得很悲催了。         FireFox：                 只需要改成如下方式： 返回         Chrome：             Chrome比FireFox更难
history.go(-1)在不同浏览器中的解析
iteye_16778的博客
06-08 492
今天遇到个问题： 后退 点击"后退"链接时，在IE，firefix下，history.go(-1)可以起到后退的作用，但在chrome下不起作用，要用history.go(-2)才生效。 后来研究了一下，发现在IE，firefix中解析为执行onclick事件，即执行history.go(-1)页面就跳走了不执行标签的href，但在chrome下，不光执行了onclick事件，还...
移动端兼容性问题总结
xiaomajia029的博客
07-20 1647
1.iOS (iPhone和iPad)的点击闪屏问题 原因：在ios上，当点击一个链接或者通过js绑定了点击事件的元素时，会出现一个半透明的背景，当手指离开屏幕，该灰色背景消失，出现“闪屏”； 解决方法： 方法一：将半透明的遮罩层改为全透明（验证可行） html, body { -webkit-tap-highlight-color: rgba(0,0,0,0); } 方法二...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值