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

最新推荐文章于 2023-04-08 22:14:33 发布
最新推荐文章于 2023-04-08 22:14:33 发布
阅读量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
    评论
专栏目录
JavaScript返回上一页的三种方法及区别介绍
12-11
JavaScript返回上一页代码区别： window.history.go(-1); //返回上一页 window.history.back(); //返回上一页 //如果要强行刷新的话就是：window.history.back();location.reload(); [removed].go(-1); //刷新上一页
JS window对象 返回前一个浏览的页面 back()方法，加载 history 列表中的前一个 URL。 语法： window.history.back();...
weixin_30216561的博客
06-16 620
返回前一个浏览的页面 back()方法，加载 history 列表中的前一个 URL。 语法： window.history.back(); 比如，返回前一个浏览的页面，代码如下： window.history.back(); 注意：等同于点击浏览器的倒退按钮。 back()相当于go(-1),代码如下: window.h...
关于window.history.back() ，本地测试生效，用电脑浏览器访问地址生效，移动端点击无法生效，
Crazy_Cw的博客
01-15 1141
如下是我写了一个 a标签 做了一个点击事件： &lt;a href="#" class='back' v-on:click="goback"&gt;上一步&lt;/a&gt; 下面 点击事件：       1，通过查阅相关资料，和观察代码发现： 应该是浏览器处理上的差异导致， 因为有可能是浏览器先执行了onClick，还没执行完的时候就接着执行了href，导致无法正常返回， 解...
IOS扫描链接生成的二维码，window.history.go(-1);window.history.back()代码不生效
代码君的博客
02-07 2165
项目中用到了window.history.go(-1);window.history.back()，回退小图标，但是ios手机扫描链接生成的二维码跳转页面，对于这个回退功能没有生效，当时就很迷茫，，为啥安卓的手机扫码跳转页面就没有问题，，就这个ios手机事情多，难受，，找了一天硬是没找到修改方法，之后，晚上回去，在房间里解决方法，终于找到了解决方法，特此记录 ios未生效：      
关于window.history.back()后退问题
WINDBELL
08-05 4855
       最近工作的时候发现Windows下的window.history.back()后退后返回的不只是前一个页而是前一个页的状态。如果一个页我修改了3次那必须后退3次才能回到前一个页。而且数据库中删除的数据依然显示在上面感觉非常的不实用。       解决办法：history.back()后再加一个reload()这样就可以回到刷新后的页面了        即：history.ba
history对象，当前url添加参数且不刷新页面
m0_64562972的博客
04-08 2121
history对象，当前url添加参数且不刷新页面
window.history.back()、window.history.go()返回上一页强制刷新
月下lk山人的博客
12-17 3391
通过history方法返回上一页时，返回的页面并不会刷新，这就造成了上一页的数据未及时更新，所以有时需要做刷新处理，如下 # 如果检测到页面是从“往返缓存”中读取的，刷新页面 window.addEventListener('pageshow', function(e) { if (e.persisted) { window.location.reload() } }) ...
iframe中的子窗口使用history.back 无效
A710652102的博客
07-20 754
iframe中的子窗口使用history.back,会调用主窗口的history.back. 这可能是由于冒泡所致。阻止冒泡，就可以了。 js执行分为两个阶段，一个是捕获，然后就是冒泡。举个例子，你在大div中嵌套一个小div，两个div都绑定点击事件，当你点击小的div的时 候。两个div的事件都会被触发。这就是因为，js的冒泡机制。我不知道你用什么浏览器，如果是w3c标准的话取消...
用window.open()打开HTML页面,调用window.history.go(-1)返回不了
weixin_42227283的博客
09-02 2572
JavaScript中，使用window.open()跳转页面后，history.back()和history.go(-1)都回不去；执行window.open()后，显示的浏览器历史列表中的 URL 数量（history.length）并没有改变 window.alert(location.href);//先查看本页URL window.open("XXX.html");/...
探索浏览器页面关闭window.close()的使用详解
10-14
然而，如果该页面不是通过`window.open()`打开的，直接使用`window.close()`可能无效。这种情况在一些知名的网站如CSDN上也曾出现过。 **3. 解决方案探索** - **非`window.open()`打开的窗口关闭** MDN文档指出，...
前端window.open实现激活而非打开的功能
12-22
扩展window.open方法，使得window.open时针对相同的URL地址非打开新窗口，而是仅仅激活已存在窗口，另外，此激活不会刷新页面，不会丢失页面上已存在的数据
js 返回上一页和刷新 的代码
12-13
1. Javascript 返回上一页history.go(-1), 返回两个页面: history.go(-2);2. history.back().3. window.history.forward()返回下一页4. window.history.go(返回第几页,也可以使用访问过的URL) 例:向上一页</a>...
javascript window.open打开新窗口后无法再次打开该窗口问题的解决方法
10-26
主要介绍了javascript window.open打开新窗口后无法再次打开该窗口问题的解决方法即无法再次打开窗口、第二次打开不了,需要的朋友可以参考下
js判断当前页面无法回退时，关闭网页或跳转首页
qq_39947182的博客
09-17 690
这里写自定义目录标题js判断当前页面无法回退时，关闭网页或跳转首页 js判断当前页面无法回退时，关闭网页或跳转首页 开发时遇到这种需求。百度了下发现要判断window.history.length。但是不同的浏览器length长度不一样，这就需要判断很多次。具体的方法可以去度娘。我这里就说个简单粗暴的方法。 因为history.back()运行后没有返回值也不报错，所以直接上代码： history...
[极致用户体验] 多页面应用里，「网页内返回」按钮，何时用 history.back 何时用 replaceState？
Hull Qin
10-02 4462
在网页中加一个「返回」按钮，有时可以调用history.back返回，有时调用history.back无法返回，必须用history.replaceState。在多页面应用中，如何实现呢？
移动端路由history.back()不生效（路由返回）
东东东东东辉
09-17 3273
移动端路由history.back()不生效（路由返回） 在pc端的话，使用history.back()是可以的，但是在移动端是不生效的，想要在移动端返回上一层页面，先试用document.referrer获取上一层页面路径，再使用window.location.href进行跳转就可以了。 ...
HTML页的前进与后退 【window.history.back()】
Fanbin168的专栏
03-23 7117
HTML实现 后退【window.history.back()】默认 HTML实现 后退【window.history.back(-1)】 括号里面的负数字代表后退几个页面，如果是-2的话就代表后退2页 HTML实现 前进【window.history.forward()】//不常用 HTML实现 前进【window.history.forward(1)】//不常用   括号里面的正
移动端history.back无效
小强Sir
06-16 1119
移动端history.back无效 平时我们页面通过js返回上一页的时候会用： window.history.back(); window.history.go(-1); 但是在移动端的时候却无效，这时可以采用： window.location.href = window.document.referrer; window.document.referrer返回当前页面来源uri。 MDN_referrer ...
jquery 给input text元素赋值,js修改表单的值
热门推荐
09-05 6万+
&lt;script&gt; function changestatus(money){ //$("#money").val(money);//val()这种写法有时会失效,特别是他的父元素是dosplay:none时 $("#money").attr("value",money);//推荐这种写法,可正常赋值 //document.getElementById("money").val...
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、付费专栏及课程。

余额充值