正文

location.origin不兼容IE8解决方案

IP云
IP云V管理员/9 阅读
08/29
提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

最近项目中遇到一个问题，在ajax跟后台交互时需要传一个全路径url。项目上线后，在谷歌，火狐，360等浏览器访问一切正常。但唯独IE8下出现问题，提示url：undefined ！

这就尴尬了！！！原来是location.origin不兼容IE8！！！

万恶的兼容性问题， 最终解决方案如下：

var baseUrl;
if (typeof location.origin === 'undefined')
{
baseUrl = location.protocol + '//' + location.host;
}
else
{
baseUrl = window.location.origin;
}

浏览器的location对象拥有很多方便的属性用于获取当前URL的组成部分：

  • location.protocol：协议名
  • location.username：用户名
  • location.password：密码
  • location.hostname：主机名
  • location.port：端口号
  • location.host：主机名和端口号
  • location.pathname：路径
  • location.search：查询串
  • location.hash：书签名

在较新（未测试，估计是支持跨域XHR之后的）浏览器中，还有

  • location.origin：协议名、主机名和端口号

可以使用。