解决window.location.href跳转无效,地址直接接在原URL后面的问题

最新推荐文章于 2025-05-31 09:35:27 发布

转载最新推荐文章于 2025-05-31 09:35:27 发布 · 2.8k 阅读

文章标签：

#javascript

作者在开发H5项目时遇到问题：挂断视频后需跳转至其他系统，原始错误尝试使用`window.location.href`直接设置URL，导致无效。正确方法是使用`window.location.protocol+//+h5URL`，并确保添加了协议。最终通过这种方式成功实现跳转，记录解决方案。

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

转自：https://blog.youkuaiyun.com/weixin_47239395/article/details/120222431
写H5项目,遇到一个问题,多个系统在一起的一个项目,视频面签是我这边负责的,挂断视频之后要跳回别的系统,他们会在一开始传个跳转路径URL给我

错误方法：let h5URL = ‘www.baidu.com’

// 在挂断事件里面调用它
window.location.herf = h5URL // 结果输出到页面location: 8880/#/www.baidu.com

// 后来尝试加了协议
let h5URL = “http://www.baidu.com”
window.location.herf = h5URL // 结果输出到页面location: 8880/#/http://www.baidu.com


正确的方法

```java
let h5URL = 'www.baidu.com'
let path = window.location.protocol + '//' + h5URL 
window.location.href = path

最后加上协议解决了问题,当时window.open也试过了,不满足需求,只能说正好解决了我的问题,就此记录下

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

这结局或许就完美在可悲

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

遇到问题-----JS中设置window.location.href跳转无效

直到世界的尽头

03-13

6万+

问题情况JS中设置window.location.href跳转无效代码如下： function checkUser() { if(2!=1){ window.location.href="login.jsp"; } } 确认预订原因是 a标签的href跳转会执行在window.locatio

JS window.opener返回父页面的应用

10-29

这段代码会将原窗口（即`window.opener`）的`location.href`属性设置为`'支付成功页面URL'`，这意味着原窗口将加载新的URL，显示支付成功的页面。同时，`window.close()`会关闭当前的支付窗口。在实际的网上支付...

参与评论您还未登录，请先登录后发表或查看评论

关于window.location.href跳转失败的一种情况

qq_64089684的博客

07-09

858

如果以表单元素作容器，fetch之类的发请求。在请求回调函数中写重定向，可能会没反应、请求停止反正一系列摸不着头脑的东西。可以尝试把form标签换了。// 重定向到另一个页面。

JavaScript 实现页面跳转的方式，你了解多少呢？

最新发布

读心悦

05-31

1764

本文全面总结了JavaScript实现页面跳转的各种方法与应用场景。基础方法包括：window.location.href直接跳转、assign()语义化跳转、replace()不可后退跳转。高级技巧涵盖参数传递、延迟跳转、条件跳转三种实用场景。历史记录控制介绍了pushState()、replaceState()等SPA路由核心API。文章还提供了基于hashchange和pushState的两种SPA路由实现方案，以及localStorage跨页面通信方案。这些方法可满足从传统页面跳转到现代SPA应用的

解决location.href页面跳转失败问题

m0_71959044的博客

05-17

1641

日常开发过程中，写一个列表页面，当测试layui的表格行级操作（详情按钮）时，发现只是刷新当前列表页。没有跳转成功。然后又使用使其方式测试，发现可以跳转页面。于是又继续调试，发现问题出现在location.href.

window.location.href 跳转失效问题解决办法

qq_39506434的博客

04-20

3797

window.location.href 跳转失效问题解决办法

window.location.href无法正常跳转

zxdznyy的博客

09-11

6866

我在login.js中写window.location.href，但是我是在login.html运行的。接下来我要跳转的页面的相对位置。在做项目的时候有一个登录跳转，用到了window.location.href的用法，在href后面的括号中写上要跳转的地址，结果出了问题。一开始我用此代码发现页面跳转不出来的时候我先是怀疑相对地址的位置。所以又用标签a试了一下发现也可以正常跳转。如果你也出现了这种情况，可以好好检查下地址有没有出错，问题说不定就迎刃而解了。所以我开始察觉到我这句可能用的有问题。

window.location.href加loading

08-20

使用window.location.href进行页面跳转时，在新页面加载完全之前实现loading效果可以通过以下步骤来实现： 1. 首先，在原页面中创建一个loading元素，可以是一个loading图标或者是一个加载中的提示文字。 2. 在...

window.location.href添加loading

08-24

通过使用window.location.href进行页面跳转时，可以添加loading效果以在新页面加载完全之前提供用户反馈。您可以按照以下步骤实现： 1. 在原页面中，使用JavaScript代码在页面跳转之前显示loading效果。可以使用...

html 页面跳转加载效果,用window.location.href做页面跳转，怎么在新页面加载完全之前实现loading效果？...

05-31

可以使用以下方法实现页面跳转加载效果： 1. 首先，在原页面中添加一个遮罩层和加载动画，用于遮盖页面内容和提示用户页面正在加载中。 2. 在跳转页面前，先显示遮罩层和加载动画。 3. 在跳转页面后，使用`window....

location.href直接跳转

07-28

- *3* [解决window.location.href跳转无效,地址直接接在原URL后面的问题](https://blog.csdn.net/weixin_47239395/article/details/120222431)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630",...

ajax下window.location.href页面不跳转问题

Banxia228的博客

08-12

4443

ajax下window.location.hre页面不跳转问题(全面详解)

微信浏览器window.location.href跳转无效

weixin_43023463的博客

06-03

3574

下面这段代码在执行时，第一个location.href 不生效，经过查询发现与location.href的运行机制有关。window.location.href的赋值，并不会中断Javascript的执行立即进行页面跳转。因为 LocationChange 行为在浏览器内核中是起定时器异步执行的。也很简单，加一个return；

JS中设置window.location.href跳转无效

pan0755的博客

09-19

4180

问题情况 JS中设置window.location.href跳转无效代码如下： [html] view plain copy script type="text/javascript"> function checkUser() { if(2!=1){ window.location.href="login.jsp

vue使用window.location.href 跳转失败

qq_43654065的博客

09-14

3656

vue项目中直接使用window.lcocation.href跳转外链，但是跳转的链接会被拼接成这样。

window.location.href 失效的解决办法

2201_75976160的博客

02-16

3687

window.location.href 失效的解决办法

window.location.href无法跳转的解决办法

莫冲的专栏

09-21

2559

參考： 1、事件必须return false 　　<a href="javascript:;" onclick="event();return false;"></a> 2、a标签的href属性设为一个锚点。　　<a href="#" onclick="event();"></a> 必须在

解决：window.location.href 不跳转

weixin_42111248的博客

08-18

412

解决：window.location.href 不跳转问题描述解决： 1、window.location.href=“xxxx” 字幕不要写错 2、路径写错，而且访问localhost要加上http://

window.location.href不起作用的原因分析