javascript - 如何使用 JavaScript 从重定向中获取引荐来源网址？

Question

我知道我可以使用以下方法找到引荐来源网址:

document.referrer;

但是，我有一个单页网站，并且设置了重定向以将该网站中的所有其他页面发送到主页。我想要一种捕获发起重定向的链接的方法。在这种情况下，document.referrer 始终为空。

所以我想，我需要知道:

1. 如何在重定向前设置引荐来源网址参数？
2. 如何在主页中使用 JavaScript 捕获该参数？

Answer 1

您可以在 URL 参数中传递它。例如，当您点击搜索结果时，Google 会执行类似的操作；浏览器实际上会转到 google.com/url?url=https%3A%2F%2Fthe-site-you-want.com。

因此，您可以将用户重定向到 'http://your-site.com/?referrer='+encodeURIComponent(document.referrer)，然后一旦进入主页，您就可以提取该值并运行decodeURIComponent。

encodeURIComponent 是一种可以安全地将值放入 URL 的方法。 DecideURIComponent 是相反的过程。

或者，您可以将其放入哈希值而不是查询字符串中，例如 'http://your-site.com/#'+encodeURIComponent(document.referrer)。一些客户端路由器使用它。尽管这可能会破坏后退按钮，除非您花更多时间学习 PushState。当 Twitter 第一次使用 twitter.com/#!/foo-bar 作为 URL 方案时，它破坏了很多东西。但它可能对你有用。