javascript - 什么是 window.origin？

Question

什么是window.origin ? the usual place 中似乎没有记录。 .

看起来它可能与 window.location.origin 非常相似- 例如，在 Stack Overflow 上，两者都返回

https://stackoverflow.com

但在 iframe ，它们是不同的:

console.log(window.location.origin);
console.log(window.origin);

https://stacksnippets.net
null

嵌入的片段位于 iframe 中没有 allow-same-origin .如果您更改 iframe，例如，如果您编辑 Stack Overflow 的 HTML 并手动添加属性:

<iframe name="313b857b-943a-7ffd-4663-3d9060cf4cb6" sandbox="allow-same-origin allow-forms allow-modals allow-scripts" class="snippet-box-edit" frameborder="0" style="">
                                                             ^^^^^^^^^^^^^^^^^^

然后运行代码段，你会得到:

https://stacksnippets.net
https://stacksnippets.net

<iframe> 在其他网站上也出现了同样的行为。 s。

Google似乎没有关于该主题的任何权威链接。搜索 exact phrase + Javascript 给出了许多与 iframe 相关的结果s 和 postMessage ，但没有准确描述 window.origin实际上是。

调用 postMessage来自一个 child iframe似乎导致父窗口收到一 strip 有 origin 的消息。与 window.origin 匹配的属性子框架的 - 没有 allow-same-origin ，它是 null , 否则看起来和 window.location.origin 一样的 child 。

以上是我认为我通过猜测和检查得出的结论，但我还不确定。我很感激确认/解释，最好带有权威来源的链接。

Answer 1

WindowOrWorkerGlobal.origin返回环境的来源，Location.origin返回环境 URL 的来源。
不幸的是，Stack-Snippets null-origined frames 将成为一个令人困惑的例子......
冒着解释the specs themselves的风险，假设我们在 https://example.com从那里，我们创建一个没有 src 的新