location.origin不兼容IE8解决方案

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

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

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

   

1 var baseUrl;
2 if (typeof location.origin === 'undefined')
3 {
4     baseUrl = location.protocol + '//' + location.host;
5 }
6 else
7 {
8     baseUrl = window.location.origin;
9 }

 

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

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

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

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

可以使用。

posted @ 2017-04-26 14:02  liyongke  阅读(816)  评论(0)  编辑  收藏  举报