JS中使用window-location-href时IE浏览器和其它浏览器中路径不一致的问题

最新推荐文章于 2025-05-31 09:35:27 发布
最新推荐文章于 2025-05-31 09:35:27 发布
阅读量3.8k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： 平时遇到的问题
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_34648307/article/details/82684426
本文探讨了不同浏览器（如IE、Chrome和Firefox）对于相对路径的不同解析方式及其带来的URL重复问题。详细介绍了在使用window.location.href进行页面跳转时，如何避免路径解析不一致导致的问题，并给出了解决方案。

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

用IE的时候，地址栏的路径会多了一层或几层。在js用 window.location.href跳转，用相对路径，google是在项目名后，IE却多一层 ，造成重复url

解答：

其实这个不管iE和chrome不一样。其实也包括Firefox。这是浏览器对相对路径的解析不一样造成的。

在项目中用window.location做跳转， 

@ie中跳转以当前路径开始跳转 

@ff/chrome中跳转以根目录开始

所以最好的解决办法就是都从根目录开始。比如：

window.location.href=“path/image”；

改成：window.location.href=“/web/path/image”；挂上/.

JavaScript开发（一）IE与Chrome的兼容问题1——资源访问出错
ZhangHeng_Garaa的博客
04-02 2045
IE与Chrome的兼容问题 众所周知，JavaScript是前端开发中必不可少的开发语言，但凡是程序开发相关人员，无不对JavaScript有一定程度的掌握和了解。 在web项目开发过程中，前端页面要满足兼容多种浏览器的需求，因而需要根据不同的浏览器进行相应的处理。如果是为银行、政府等机构开发项目，一般要求项目能够兼容IE8与Chrome（甚至上古版本的IE6！），很多开发人员常常为此感到头疼。...
javascript获取浏览器临时目录
09-17
javascript获取浏览器临时目录javascript获取浏览器临时目录javascript获取浏览器临时目录javascript获取浏览器临时目录
用浏览器JS做路径跟踪渲染
08-11
Path tracing demo with JS in your web browser. 用浏览器JS做路径跟踪渲染。
js中window.location.href跳转IE浏览器url失效问题
qq_43206800的博客
06-02 1342
用IE的时候，地址栏的路径会多了一层或几层。在js用 window.location.href跳转，用相对路径，google是在项目名后，IE却多一层 。 解答： 其实这个不管iE和chrome不一样。其实也包括Firefox。这是浏览器对相对路径的解析不一样造成的。 在项目中用window.location做跳转， @ie中跳转以当前路径开始跳转 @ff/chrome中跳转以根目录开始 所以最好的办法就是都从根目录开始。比如： window.location,href=“path/image”； 改成：w
JavaScript 实现页面跳转的方式，你了解多少呢？
最新发布
读心悦
05-31 1955
本文全面总结了JavaScript实现页面跳转的各种方法与应用场景。基础方法包括：window.location.href直接跳转、assign()语义化跳转、replace()不可后退跳转。高级技巧涵盖参数传递、延迟跳转、条件跳转三种实用场景。历史记录控制介绍了pushState()、replaceState()等SPA路由核心API。文章还提供了基于hashchange和pushState的两种SPA路由实现方案，以及localStorage跨页面通信方案。这些方法可满足从传统页面跳转到现代SPA应用的
window中location对象改变浏览器URL和位置
个人前端记录
05-29 7918
window.location可以简写为location 1.打开一个新的url，并在浏览器的历史中生成一条记录： location.assign('http://www.baidu.com/') window.location = 'http://www.baidu.com/' location.href = 'http://www.baidu.com/' 2.设置location对象的属...
解决window.location.href跳转无效,地址直接接在原URL后面的问题
weixin_45650737的博客
10-16 2812
window.location.herf = h5URL // 结果输出到页面location: 8880/#/http://www.baidu.com。写H5项目,遇到一个问题,多个系统在一起的一个项目,视频面签是我这边负责的,挂断视频之后要跳回别的系统,他们会在一开始传个跳转路径URL给我。window.location.herf = h5URL // 结果输出到页面location: 8880/#/www.baidu.com。错误方法：let h5URL = ‘www.baidu.com’
window.location.href 下载文件打包后放在服务器上不行解决办法
qq_51968266的博客
03-24 473
<a :href="handleexel()" style="color: #ffffff;" download="exel.xlsx">下载导入模板</a> handleexel() { const url = '/help/template/exel.xlsx' return 'http://' + window.location.host + url },
取IE浏览器地址栏内容.rar
04-06
标题“取IE浏览器地址栏内容.rar”提示我们这个压缩包包含的是关于获取Internet Explorer（简称IE）浏览器地址栏内容的相关资料。在IT领域，获取浏览器地址栏内容通常是编程任务的一部分，目的是为了实现某些功能，...
window.navigate 与 [removed].href 的使用区别介绍
09-05
首先，`window.navigate(url)` 是一个IE浏览器特有的方法，它并不被其他主流浏览器（如Firefox、Chrome、Safari等）所支持。这意味着如果你的网站或应用需要跨浏览器兼容性，那么`window.navigate`不是一个可靠的...
取IE浏览器地址栏内容.e.rar
04-06
标题中的“取IE浏览器地址栏内容.e.rar”表明这是一个与获取Internet Explorer（IE）浏览器地址栏中的URL有关的文件，可能是编程代码、教程或者是相关的工具。由于提供的信息有限，我将根据这个主题来展开讨论。 在...
IE浏览器快速打开当前Firefox中的网页链接.docx
09-26
这篇文档介绍了如何使用Firefox浏览器的扩展插件FireGestures来实现快速打开IE浏览器并加载当前Firefox中的网页链接。FireGestures是一款增强Firefox浏览器用户体验的工具，它允许用户通过自定义鼠标手势来执行一...
window.location.href应用获取当前域名、Url、相对路径和参数以及指定参数——下载文件-
qq_33564992的博客
07-05 1万+
js获取当前域名、Url、相对路径和参数以及指定参数——下载文件-window.location.href 1、js获取当前域名有2种方法 注意问题 由于获取到的当前域名不包括 http://，所以把获取到的域名赋给 a 标签的 href 时，别忘了加上 http://，否则单击链接时导航会出错。2、获取当前Url的4种方法 ie 地址栏显示的是什么，获取到的 url 就是什么。window.location.href的主要用法，如下： 如果页面中自定义了frame，那么可将parent self top换
js用 window.location.href跳转IE和chrome中路径url不一致问题
热门推荐
zhuchunyan_aijia的博客
06-02 1万+
用IE的时候，地址栏的路径会多了一层或几层。在js用 window.location.href跳转，用相对路径，google是在项目名后，IE却多一层 。 解答： 其实这个不管iE和chrome不一样。其实也包括Firefox。这是浏览器对相对路径的解析不一样造成的。 在项目中用window.location做跳转，  @ie中跳转以当前路径开始跳转  @ff/c
js 获取当前浏览器所在的位置
u010957293的专栏
06-24 4468
<script src="http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js"></script> <script> alert(remote_ip_info.province + '\n' + remote_ip_info.city) </script>
js解决iE下路径问题；兼容ie，firefox
请告诉他
05-17 203
js代码 //该函数解决iE下路径问题。兼容ie6，7，firefox function getPath(obj) { if (obj) { if (window.navigator.userAgent.indexOf("MSIE") >= 1) { obj.select(); return document.selection.createRange().text; } else if (window.navi...
javascript根据不同类型的浏览器,获取其绝对路径,谷歌除外.
www_tobesky_com的专栏
05-12 2845
之所以说谷歌除外,是因为浏览器本身有它的安全机制,如果你想要在谷歌里面看它的真实路径,那么,你得改浏览器里面的安全级别了,具体的百度一下就知道了. 1.ie6：        var file_url = document.getElementById("file").value; 2.ie7/ie8:        var file = document.getElementById(
window.location.href和window.open方法导航
m0_61998604的博客
06-25 1176
是用于获取或设置当前窗口的 URL 的属性，它通常用于导航到新的页面或重新加载当前页面。它的值是一个字符串，包含当前页面的 URL。要导航到当前页面内的不同路由（例如 React Router 中的路由），可以通过设置的值来实现。
如何提取IE浏览器地址栏URL内容
在详细讨论之前，需要注意的是，IE浏览器作为微软公司的一个产品，其技术细节和编程接口主要是基于微软的开发环境和语言，尤其是VBScript和JavaScript（尤其是在IE中使用的旧版JScript）。 知识点一：Internet ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值