在前端开发中，我们经常需要获取当前网页的域名和协议。这时候我们通常会使用 $window.location.origin 这个属性来获取。然而，在使用 IE 浏览器时，我们可能会遇到 $window.location.origin 返回错误值的问题。
问题描述
在 IE 浏览器中，当我们使用 $window.location.origin 来获取当前网页的域名和协议时，它可能会返回一个错误的值，例如 undefined 或者 null。这是因为 IE 浏览器并不支持该属性。
解决方法
为了解决这个问题，我们可以手动定义 $window.location.origin 属性。具体的做法是通过以下代码：
if (!window.location.origin) {
window.location.origin = window.location.protocol + "//" + window.location.hostname + (window.location.port ? ':' + window.location.port: '');
}这段代码检查了浏览器是否支持 $window.location.origin 属性。如果浏览器不支持，那么就手动定义该属性，并将其设置为当前网页的域名和协议。
学习和指导意义
这个问题告诉我们，在编写代码时，我们必须考虑到浏览器的兼容性问题。尽管 $window.location.origin 可以让我们非常方便地获取当前网页的域名和协议，但是在 IE 浏览器中它并不适用。因此，我们需要手动定义该属性以支持 IE 浏览器。
同时，这个问题也提醒我们，在开发过程中要时刻注意浏览器的兼容性。我们可以使用一些工具来检查代码在不同浏览器中的表现，例如 CanIUse 等。
示例代码
下面是一个使用 $window.location.origin 属性来获取当前网页域名和协议的示例代码：
console.log($window.location.origin);
运行上述代码可能会在 IE 浏览器中报错。因此，我们需要手动定义 $window.location.origin 属性，方法如上所述。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/28885