javascript - 检测链接是否被用于访问页面

Question

有什么方法可以检测用户是否是通过链接转到我的网页的？如果它使用其他语言，那很好，但我更喜欢 HTML 或 JavaScript。我希望我的网页检测用户是否在单击链接后被发送到那里，如果是这样，那么我希望 if 语句返回“true”

Answer 1

这称为推荐人:

https://developer.mozilla.org/en-US/docs/Web/API/document.referrer

在你的 javascript 中:

var myReferrer = document.referrer;

referrer 属性由用户的浏览器提供，就像 userAgent 一样。

Demo

referrer 值告诉您用于访问网站的链接，因此只需检测它:

var hasReferrer = document.referrer != "";

演示现在应该显示 - 如果您点击上面的链接，您将获得 StackOverflow id 并且 hasReferrer 将为真；如果您单击导航框并按回车键(即直接导航)，您应该得到 false。

hasReferrer 这里是一个 bool 值，所以它要么是 true 要么是 false。在 if 语句中使用:

if(hasReferrer) {
   // came from a link
} else {
   // direct navigation
}