Javascript - 如何使用哈希获取文档引荐来源网址

Question

我想知道这是否可能。我试图访问 iframe 中文档的引荐来源网址，但它总是忽略哈希 (#) 值。

根页面(index.html) - (http://example.com/test#hashvalue)

在根页面内，有一个获取引荐来源网址的 iframe。它有这段代码

var referrer = document.referrer;

这将返回没有哈希值的 http://example.com/test。有没有办法获取完整的 url(带哈希值)作为引荐来源网址。

注意:我无权访问根页面。如果我这样做，我可以使用 postMessage 但我没有。 iframe 只是嵌入的(我们称它为根页面的小部件)。

Answer 1

任何包含 # 字符的 url 都是片段 url。 # 右侧的部分(您要访问的部分)是片段标识符，即页面内的位置。
浏览器没有实现 document.referrer 来传递这个标识符，这符合传递给网页的 HTTP_REFERRER header 。

如果您的两个 iframe 来自同一个域，即您可以从 child 访问 parent.location，那么您可以使用 parent.location.hash 获取哈希部分。否则运气不好