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

最新推荐文章于 2021-05-08 13:42:49 发布
原创 最新推荐文章于 2021-05-08 13:42:49 发布 · 9.5k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#浏览器 #chrome

本文介绍了一种解决返回按钮在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实现，都有问题。本文提供了完美解决方案，实现了逻辑正确的「返回」按钮，而且没有剥夺用户使用「原生返回」的权利。
手机APP中使用history.back()返回没有效果的解决
apple20141201的博客
06-04 1106
样式是一个超链接A标签，通过点击事件来达到返回上一页的效果。 所以通常做饭是把A标签的href写成#，然后onClick事件，刚开始我只是当成一个普通点击事件，然后使用JS进行返回。 写法如下： <a id="returnButton" onClick="javascript :history.back();" class="header_btn"><p clas...
谷歌浏览器不兼容history.back()返回上一页并刷新问题
白菜的博客
05-08 2100
老项目中发现的一个小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 1040
今天对页面进行测试，无意中发现了window.history.back();《返回》功能对于IE，火狐是支持的，但是当换用Chrome时按钮失效，通过查找得知在window.history.back();后加一个return false;就可以支持三种浏览器了，个人猜想是因为Chrome在返回之后记忆了上一个页面的操作记录，点击事件被自动记忆并且执行了（高手请指点），这样就再...
返回按钮不同内核浏览器兼容问题
Aitex的博客
03-13 748
今天在做一个前端测试时需要用到返回上一级来源页面的一个功能了，但小编测试了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()、forward()、go()）
weixin_46990454的博客
12-15 5599
history对象保存了当前浏览器窗口中打开页面的一个历史记录列表，使用history对象可以将当前浏览器
iframe vue 前进 后退_iframe子页面调用history.back(),父页面会返回的问题解答
weixin_39895881的博客
03-04 2442
1，问题原因：浏览器兼容问题，Chrome支持，Safari不支持function goBack(){//解决Safari中后退功能的兼容问题if (navigator.userAgent && /(iPhone|iPad|iPod|Safari)/i.test(navigator.userAgent)) {window.location.href = window.documen...
js 判断 当页面无法回退时（history.go(-1)），关闭网页
热门推荐
hzbigdog的专栏
08-06 3万+
在做一个Web项目时遇到一个需求，当页面没有前驱历史记录时（就是当前为新弹出的页面，没法做goback操作即history.go(-1)），点击返回按钮时直接关闭页面，否则就退回到前一页。 遇到的问题就是如何判断 是否有history可以回退,这个非常麻烦，因为没有这样的函数直接能获取到，只能通过history.length这个变量做变通的处理，但是对于IE，和非IE的length的返回值不同，
移动端路由history.back()不生效（路由返回）
东东东东东辉
09-17 3614
移动端路由history.back()不生效（路由返回） 在pc端的话，使用history.back()是可以的，但是在移动端是不生效的，想要在移动端返回上一层页面，先试用document.referrer获取上一层页面路径，再使用window.location.href进行跳转就可以了。 ...
Android WebView无法返回上一页的问题。
02-20 1万+
最近在做WebView的开发，发现安卓的webview确实有好多坑。主要说一下WebView无法正常返回上一页的问题。 首先WebView的基本配置。 @Override public boolean onKeyDown(int keyCode, KeyEvent keyEvent) { if (keyCode == keyEvent.KEYCODE_BACK) {
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值