你知道window.origin和location.origin的区别吗？

文章不易，请关注公众号 毛毛虫的小小蜡笔，多多支持，谢谢。

定义

window.origin

该属性是只读的。

origin的值是当前页面环境的源。

当源不是http和https协议，比如是file协议，则返回的值是null。

window.location.origin

该属性也是只读的。

表示的是当前页面的URL的源。

Demo

当前页面是http协议的

比如http://localhost:8080，
则window.origin和window.location.origin的值都一样。

如下截图所示：

当在页面嵌套了iframe且src为空

<iframe name="testOrigin"></iframe>
window.origin和window.location.origin的值就不一样了。

如下截图所示：

详情 请查看：毛毛虫的小小蜡笔