【问题标题】:$window.location.origin gives wrong value when using IE$window.location.origin 在使用 IE 时给出了错误的值
【发布时间】:2014-03-21 16:24:26
【问题描述】:

$window.location.origin 在 IE 上返回错误的值。

origin 属性返回 URL 的协议、主机名和端口号。

例子

网址:http://localhost:8080/products/search

Chrome$window.location.origin 返回http://localhost:8080

IE: $window.location.origin 返回http://localhost:8080/products/search

我怎样才能在 IE 上获得正确的价值?

【问题讨论】:

  • 你使用的是同一个浏览器吗?
  • 你是对的,这是浏览器的问题。更新了问题。
  • 我不知道它在所有浏览器之间有何不同,但我会考虑编写一些东西来将 URL 解析为各种组件以保持一致性。这可能会有所帮助:stackoverflow.com/questions/736513/…
  • 值得补充的是,$windowwindow 相同,但由 Angular 提供。 docs.angularjs.org/api/ng/service/$window

标签: javascript internet-explorer


【解决方案1】:

您可能还需要端口号。如果是这样,你可以使用这个polyfill

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

这个 polyfill 已经是 Modernizr 的一部分。

【讨论】:

  • 这可能是一个更好的答案。
  • 使用window.location.hostname 代替主机名和端口有什么缺点吗?根据developer.mozilla.org/en-US/docs/Web/API/Location,它应该包括这两个部分
  • alt 语法在最后一行代码中使用模板字符串:+ (window.location.port ? ``:${window.location.port}`` : '');(除了单波浪号,不是双波浪号,不确定如何在 cmets 中执行此操作)
【解决方案2】:

问题(和往常一样)是没有window.location.origin的IE

尝试使用类似的东西:

var root = window.location.protocol + "//" + window.location.hostname + (window.location.port ? ':' + window.location.port: '');

或者您可以在 javascript 之上添加此代码,这样您就不必费心了

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

【讨论】:

猜你喜欢
  • 2018-11-30
  • 2015-04-01
  • 1970-01-01
  • 1970-01-01
  • 2023-02-02
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多