解决IE低版本浏览器不支持location对象的origin属性

最新推荐文章于 2025-06-10 12:05:32 发布

xm2by

最新推荐文章于 2025-06-10 12:05:32 发布

阅读量2.5k

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript 文章标签： location对象的origin属性 IE

本文链接：https://blog.youkuaiyun.com/XuM222222/article/details/87471834

javascript 专栏收录该内容

72 篇文章

订阅专栏

本文介绍了解决低版本IE浏览器不支持location.origin属性的问题，通过拼接window.location对象的protocol、hostname和port属性来实现兼容性。适用于前端开发中需要在老旧浏览器中运行的应用场景。

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

解决IE低版本浏览器不支持location对象的origin属性

低版本的IE浏览器是不支持window.location.origin，但是支持window.location，因此可以通过window.location对象进行拼凑实现对window.location.origin的兼容，具体如下：

...
if (!window.location.origin) {
    window.location.origin = window.location.protocol + "//" + window.location.hostname + (window.location.port ? ':' + window.location.port: '');
}
...

参考文献：

[1] location.origin兼容IE

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

xm2by

关注关注

0
点赞
踩
0

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

JavaScript safari浏览器不支持window.location.href的解决方法

且听风吟的博客

12-12

1488

safari浏览器不支持window.location.href的解决方法

JavaScript高级程序设计第12章---BOM浏览器对象模型

weixin_40794404的博客

08-26

1127

第12章 BOM 本章内容：理解BOM的核心——window 对象控制窗口及弹窗通过location 对象获取页面信息使用navigator 对象了解浏览器 通过history 对象操作浏览器历史 BOM是使用JavaScript 开发Web 应用程序的核心，提供了与网页无关的浏览器功能对象。

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

解决IE浏览器不识别location.origin 的问题

qq_52337177的博客

05-14

1060

IE浏览器和较新的浏览器（如Chrome, Firefox, Safari等）中的window.origin属性在使用上有一些区别。

动态API地址配置：利用window.location.origin解决前后端分离部署难题

最新发布

u012399690的博客

06-10

594

摘要：本文探讨了利用window.location.origin解决前后端分离部署中的API地址配置问题。该方法通过获取当前页面的协议、主机名和端口，动态构建API请求地址，避免硬编码域名。文章详细介绍了window.location.origin的语法、返回值及常见用途，并提供了两种配置方案：基础方案优先使用环境变量，未配置时自动采用当前域名；进阶方案则针对开发/生产环境进行特殊处理，包含端口规范化等细节。这种动态配置方式特别适合需要部署到不同环境的应用场景。

动态获取地址，window.location.origin获取不到

wwf1225的博客

06-05

3107

是一个只读属性，它返回页面的原始URL（即协议、主机和端口）。（现代浏览器如Chrome、Firefox、Safari和Edge都支持）。是一个较新的属性，可能在较旧的浏览器中不被支持。确保你的代码在页面完全加载后执行。被浏览器的安全策略或内容安全策略（CSP）阻止。对象完全加载之前执行，可能会导致无法获取到。检查是否有相关的安全策略阻止了访问。代码执行时机问题：如果你的代码在。确保使用的浏览器支持。

location跳转不兼容IE问题

六年级的叔叔

03-07

1150

新接的十分古老的老项目，在使用chrome浏览器时正常，但在ie浏览器下会导致404。排查过程：点击按钮，js内使用的为location = "./sms/aa/bbb/ccc.do(后台接口地址)"; 在chrome下的url地址正常，但在ie浏览器下url地址会相较chrome多出/sms的链接地址。从而导致找不到后台接口，从而404。解决方法： 1，获取项目绝对链接地址： js...

JavaScript（六）（浏览器模型/window对象/iframe）

qq_43456781的博客

07-27

2261

JavaScript（六）（浏览器模型/window对象）文章目录JavaScript（六）（浏览器模型/window对象）八、浏览器模型54. 浏览器环境概述54.1 代码嵌入网页的方法54.1.1 script 元素嵌入代码54.1.2 script 元素加载外部脚本54.1.3 事件属性54.1.4 URL 协议54.2 script 元素==54.2.1 网页工作原理==54.2.2 defer 属性54.2.3 async 属性54.2.4 脚本的动态加载54.3 浏览器的组成54.3.1 渲染

js操作iframe兼容各种主流浏览器示例代码

10-27

对于那些不支持`postMessage`的旧版浏览器（如IE8），可能需要使用其他方法，如设置`window.name`或者利用`window.location.hash`进行通信，但这会更复杂，且存在一些安全风险。总之，处理`iframe`的跨窗口通信时...

浏览器显示RTSP视频的解决方案调研

bslayer的博客

06-29

801

近期需要在浏览器上显示来自海康威视的RTSP流媒体视频源，本以为是个挺简单的任务，结果调查一圈发现居然无解。可行的替代方案有两个：RTSP转RTMP或HLS。其中RTMP需要Flash，现在的技术发展路线下，Flash这种已经被放弃的方案显然不能要，那就只剩一个HLS了。具体一点讲，实践过可行的是这么个路线： 1、ffmpeg : RTSP -> HLS ( m3u8文件 + 若干ts视频缓存文件），实时进行视频转码 2、Nginx 通过 http 发布 m3u8文件 3、Video.js 播.

如何提取IE浏览器地址栏URL内容

- 通过VBScript：在早期的IE浏览器中，可以通过VBScript中的`Document.parentWindow.location.href`等属性访问。知识点四：压缩文件（.rar） - .rar是WinRAR压缩软件创建的一种压缩格式，常见于Windows操作系统。 ...

属性location.href浏览器不兼容

晴天有何特别

09-10

699

属性window.location.href ie浏览器不兼容不兼容的问题主要是路径中字符需要处理 function getContextPath() { var pathName = document.location.pathname; var index = pathName.substr(1).indexOf("/"); var result = pathNam...

location.origin兼容IE

qq_36320160的博客

10-02

501

if (window["context"] == undefined) { if (!window.location.origin) { window.location.origin = window...

解决chrome版本过低

a1789000392的博客

10-29

6114

#include <iostream> #include <algorithm> using namespace std; struct bag { int weight;//总重量 int value;//总价值 float bi;//单位重量的价值 float rate;//使用率：1代表完整放入，小于1代表被分割后放入 } bags[5...

火狐浏览器跨域请求头 origin 丢失问题

webjhh的博客

02-04

4395

前两天遇到一个bug，在火狐浏览器中图片上传阿里云图片服务失败，谷歌上传正常，开来打开控制台发现，在火狐中报接口跨域了我们采用的是服务端设置 access-control-allow-origin:xxx 来处理跨域，但是经过排查发现接口响应头上的 access-control-allow-origin 不是当前的host ，而是默认值 b 经过和服务端沟通得知他们设置 access-control-allow-origin 的逻辑是取的请求头里的origin字段没取到就设置默认值，默认请求头的o

location document 对象及属性

sjpwds的博客

05-27

560

一：location对象 1. location对象的属性 host 设置或返回主机名和当前URL的端口号 hostname 设置或返回当前URL的主机名 href 设置或返回完整的URL 2.location对象的方法 reload() 重新加载当前文档

IE8加载后台数据失败（location.origin兼容问题）

wanglufei_1992的博客

10-20

5139

在本地起了个 sever,用于ajax跟后台交互。写完页面之后，在谷歌，火狐，360相继测试一切正常。但是要求最低兼容IE8，最后就在IE8下进行测试，发现：页面根本没有加载任何后台数据。于是乎，费尽力气在IE下调试JS。奈何，JS真难调。此时，对ＩＥ８的愤怒已经到了极点。但是还得找问题。最后发现是因为，正在我JS代码中有这么一段：var basePath=""; if (window.locati

记录：页面跳转的问题 location.origin

weixin_42327537的博客

10-19

830

最近在项目中使用了location.origin来获取网页当前的协议+域名。区分正/测试/本地的页面跳转所以用了location.origin，据说在IE中在使用需要考虑兼容性 if (!window.location.origin) { window.location.origin = window.location.protocol + "//" + window.location.hostname + (window.location.port ? ':' + window.locat.