window.location是JavaScript中一个重要的全局对象，它提供了与浏览器当前URL相关的信息和操作。然而，由于不同浏览器实现的方式存在差异，因此需要考虑其在跨浏览器环境下的兼容性。
window.location属性
window.location是一个Location对象，包含了当前文档的URL信息，如协议、主机名、路径、查询参数和哈希值等。常用的属性有：
href: 返回完整的URL字符串protocol: 返回协议名称（如http，https等）host: 返回主机名和端口号hostname: 返回主机名port: 返回端口号pathname: 返回URL路径search: 返回查询参数部分（以?开头）hash: 返回哈希值部分（以#开头）
兼容性问题
在一般情况下，window.location是跨浏览器兼容的。但是，在某些特定场景下，可能会出现一些不兼容的情况。
IE6/7下location.hash不支持encodeURIComponent编码
在IE6/7下，location.hash属性不支持UTF-8编码格式，需要使用encodeURIComponent函数进行编码。否则，当哈希值中包含中文等非ASCII字符时，浏览器会将其作为乱码处理。
// 错误示例，IE6/7下可能出现乱码 var hashValue = "中文"; window.location.hash = hashValue; // 正确示例，使用encodeURIComponent编码 var hashValue = "中文"; window.location.hash = "#" + encodeURIComponent(hashValue);
IE8以下的版本不支持location.origin属性
location.origin是一个只读属性，返回当前页面的协议、主机名和端口号信息。然而，在IE8及以下的版本中并不支持该属性，可以通过其他方式获取相同的信息。
// 获取location.origin兼容写法
if (!window.location.origin) {
window.location.origin = window.location.protocol + "//" + window.location.hostname + (window.location.port ? ':' + window.location.port: '');
}总结
window.location在一般情况下是跨浏览器兼容的，但是在特定环境下需要注意一些细节，如在IE6/7下使用encodeURIComponent编码哈希值、在IE8及以下的版本中获取location.origin等。因此，开发者需要了解浏览器的兼容性问题，并根据实际情况进行处理。
参考资料
- MDN web docs - window.location
- CanIUse - location
- Stack Overflow - Why doesn't window.location.origin exist in Safari? What is the best way to achieve this?
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/30425