window.history.back()无效,即无法返回上一页原因

最新推荐文章于 2024-06-19 08:30:00 发布
最新推荐文章于 2024-06-19 08:30:00 发布
阅读量1.2w 收藏
点赞数 1
分类专栏： css及js相关
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/viqecel/article/details/86765156
版权

window.history.back()点击不起作用.
比如你从第一个页面点击一个a超链接.进到第二个页面,第二个页面有个返回按钮.点击无反应.如下

<a href="#"  onClick="javascript:window.history.back();return false;">点击这里无法返回</a>

原因是你的第一个页面的超链接上加了target="_blank"标签,即从第一个页面点击进入第二个页面时,是以新窗口的方式打开的. 所以.window.history.back()读取上一个历史页面时,读取不到.即上一页为空,所以没法返回上一页.
只需要去掉上一个页面的target="_blank"即可.

viqecel
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
移动端window.history.back()无效的替代方案
yutiedun的博客
06-28 2072
移动端使用window.history.back()无法返回上一页，网上搜到的解决方法是 window.location.href = document.referrer; 但是如果是在两个页面来回切换几次，返回时就会陷入无限循环。 没办法，只能自己动手了，自定义一套解决方案。 解决思路是把访问过的url放到数组里面，再存储到localStorage里面，返回时从里面读取最后一个url，读取后再把最后一个url移除。具体实现如下 //历史记录 var jndx_currenturl = win
关于window.history.back()后退问题
WINDBELL
08-05 4870
       最近工作的时候发现Windows下的window.history.back()后退后返回的不只是前一个页而是前一个页的状态。如果一个页我修改了3次那必须后退3次才能回到前一个页。而且数据库中删除的数据依然显示在上面感觉非常的不实用。       解决办法：history.back()后再加一个reload()这样就可以回到刷新后的页面了        即：history.ba
window.history()方法总结
最新发布
聚娃科技开发者博客
06-19 249
大家好，我是免费搭建查券返利机器人省钱赚佣金就用微赚淘客系统3.0的小编，也是冬天不穿秋裤，天冷也要风度的程序猿！
window.history.back(); 缓存 返回上级页面不刷新数据
热门推荐
cuandeqin2083的博客
03-18 1万+
问题 我们经常会做完一个操作之后返回上一个页面（比如新增完一条记录） 然后我们希望返回上一个页面的时候就自动刷新他。 但是由于JS的缓存机制 导致我们的数据还是从前一次里面取的（他的初衷是希望你更快，更省资源） 但是和我们的需求不同 如图： 探索 从网上找的一些资料： 在window.history.back(); 后面加location.reload(); win...
history对象，当前url添加参数且不刷新页面
m0_64562972的博客
04-08 2161
history对象，当前url添加参数且不刷新页面
history.back()返回页面失效问题解决方法
ah_gaolihua的专栏
07-03 3261
在需要跳转的页面添加
JS window对象 返回前一个浏览的页面 back()方法，加载 history 列表中的前一个 URL。 语法： window.history.back();...
weixin_30216561的博客
06-16 624
返回前一个浏览的页面 back()方法，加载 history 列表中的前一个 URL。 语法： window.history.back(); 比如，返回前一个浏览的页面，代码如下： window.history.back(); 注意：等同于点击浏览器的倒退按钮。 back()相当于go(-1),代码如下: window.h...
window.history.back()、window.history.go()返回上一页强制刷新
月下lk山人的博客
12-17 3403
通过history方法返回上一页时，返回的页面并不会刷新，这就造成了上一页的数据未及时更新，所以有时需要做刷新处理，如下 # 如果检测到页面是从“往返缓存”中读取的，刷新页面 window.addEventListener('pageshow', function(e) { if (e.persisted) { window.location.reload() } }) ...
JS window.opener返回父页面的应用
10-29
在JavaScript的世界里，`window.opener` 是一个非常实用的对象，尤其在处理窗口之间的通信时。这个特性在网页开发，尤其是网上支付这种涉及到多个页面跳转的场景中，显得尤为重要。本文将深入探讨`window.opener`的...
探索浏览器页面关闭window.close()的使用详解
10-14
然而，如果该页面不是通过`window.open()`打开的，直接使用`window.close()`可能无效。这种情况在一些知名的网站如CSDN上也曾出现过。 **3. 解决方案探索** - **非`window.open()`打开的窗口关闭** MDN文档指出，...
JavaScript返回上一页的三种方法及区别介绍
12-11
JavaScript返回上一页代码区别： window.history.go(-1); //返回上一页 window.history.back(); //返回上一页 //如果要强行刷新的话就是：window.history.back();location.reload(); [removed].go(-1); //刷新上一...
前端window.open实现激活而非打开的功能
12-22
扩展window.open方法，使得window.open时针对相同的URL地址非打开新窗口，而是仅仅激活已存在窗口，另外，此激活不会刷新页面，不会丢失页面上已存在的数据
iframe中的子窗口使用history.back 无效
A710652102的博客
07-20 764
iframe中的子窗口使用history.back,会调用主窗口的history.back. 这可能是由于冒泡所致。阻止冒泡，就可以了。 js执行分为两个阶段，一个是捕获，然后就是冒泡。举个例子，你在大div中嵌套一个小div，两个div都绑定点击事件，当你点击小的div的时 候。两个div的事件都会被触发。这就是因为，js的冒泡机制。我不知道你用什么浏览器，如果是w3c标准的话取消...
用window.open()打开HTML页面,调用window.history.go(-1)返回不了
weixin_42227283的博客
09-02 2583
JavaScript中，使用window.open()跳转页面后，history.back()和history.go(-1)都回不去；执行window.open()后，显示的浏览器历史列表中的 URL 数量（history.length）并没有改变 window.alert(location.href);//先查看本页URL window.open("XXX.html");/...
从window.history理解浏览器返回不触发页面刷新问题
weixin_42349568的博客
02-28 3973
DOM window 对象通过 history 对象提供了对浏览器的会话历史的访问，它暴露了很多有用的方法和属性，允许你在用户浏览历史中向前和向后跳转，同时——从 HTML5 开始——提供了对 history 栈中内容的操作。
js判断当前页面无法回退时，关闭网页或跳转首页
qq_39947182的博客
09-17 692
这里写自定义目录标题js判断当前页面无法回退时，关闭网页或跳转首页 js判断当前页面无法回退时，关闭网页或跳转首页 开发时遇到这种需求。百度了下发现要判断window.history.length。但是不同的浏览器length长度不一样，这就需要判断很多次。具体的方法可以去度娘。我这里就说个简单粗暴的方法。 因为history.back()运行后没有返回值也不报错，所以直接上代码： history...
[极致用户体验] 多页面应用里，「网页内返回」按钮，何时用 history.back 何时用 replaceState？
Hull Qin
10-02 4477
在网页中加一个「返回」按钮，有时可以调用history.back返回，有时调用history.back无法返回，必须用history.replaceState。在多页面应用中，如何实现呢？
手机APP中使用history.back()返回没有效果的解决
apple20141201的博客
06-04 891
样式是一个超链接A标签，通过点击事件来达到返回上一页的效果。 所以通常做饭是把A标签的href写成#，然后onClick事件，刚开始我只是当成一个普通点击事件，然后使用JS进行返回。 写法如下： <a id="returnButton" onClick="javascript :history.back();" class="header_btn"><p clas...
vue监听浏览器返回
田品吕口的博客
10-15 3669
1、监听返回 大家知道在页面中我们可以使用javascript window history，后退到前面页面，但是由于安全原因javascript不允许修改history里已有的url链接，但可以使用pushState方法往history里增加url链接，并且提供popstate事件监测从history栈里弹出url。既然有提供popstate事件监测，那么我们就可以进行监听。 ```javas...
window.history.back(); window.history.forward();
06-09
这两个函数是JavaScript中用来控制浏览器历史记录的方法。其中，`window.history.back()`会让浏览器返回到上一个历史记录，相当于用户点击了浏览器的“后退”按钮；而`window.history.forward()`则会让浏览器前进到下一个历史记录，相当于用户点击了浏览器的“前进”按钮。需要注意的是，这两个方法只能控制浏览器历史记录中的页面跳转，而不能直接控制页面的跳转。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值