location.origin不兼容IE8解决方案

Posted 2020-09-14 孤独的Himma

       最近项目中遇到一个问题，在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：协议名、主机名和端口号

可以使用。