js判断访问来源

在JavaScript中，判断访问来源通常是通过分析document.referrer属性来实现的。document.referrer返回的是用户在访问当前页面之前所在的页面的URL。

基础概念：

document.referrer: 这是一个只读属性，它返回的是前一个页面的URL，即用户是从哪个页面跳转过来的。

相关优势：

可以用来追踪用户的来源，对于分析用户行为、统计流量来源等非常有帮助。
可以用于实现一些安全策略，比如防止恶意网站链接到自己的网站。

应用场景：

网站流量分析，了解用户是通过搜索引擎、社交媒体还是直接输入网址访问网站的。
实现联盟营销，根据不同的推广来源给予不同的优惠或积分。
安全控制，阻止某些不信任的网站链接到自己的网站。

示例代码：

// 获取访问来源
var referrer = document.referrer;

// 判断访问来源是否为特定网站
if (referrer.indexOf("example.com") !== -1) {
    console.log("访问来源是example.com");
} else {
    console.log("访问来源不是example.com");
}

// 更复杂的来源判断逻辑
function getReferrerInfo() {
    var referrer = document.referrer;
    var referrerInfo = {
        isInternal: false, // 是否是内部链接
        isSearchEngine: false, // 是否是搜索引擎
        source: '' // 来源网站
    };

    // 判断是否是内部链接
    if (referrer.indexOf(window.location.hostname) !== -1) {
        referrerInfo.isInternal = true;
    }

    // 判断是否是搜索引擎
    var searchEngines = ["google.", "bing.", "baidu.", "taobao.", "sogou."];
    for (var i = 0; i < searchEngines.length; i++) {
        if (referrer.indexOf(searchEngines[i]) !== -1) {
            referrerInfo.isSearchEngine = true;
            referrerInfo.source = searchEngines[i].replace(".", "");
            break;
        }
    }

    // 如果不是内部链接也不是搜索引擎，则记录来源网站
    if (!referrerInfo.isInternal && !referrerInfo.isSearchEngine) {
        referrerInfo.source = new URL(referrer).hostname;
    }

    return referrerInfo;
}

console.log(getReferrerInfo());

注意事项：

document.referrer可能会因为用户隐私设置或者浏览器插件而为空或者不准确。
对于HTTPS到HTTP的跳转，出于安全考虑，document.referrer可能会被设置为空。
在使用document.referrer时，需要注意隐私保护，不要滥用用户来源信息。

遇到的问题及解决方法：

如果document.referrer为空，可能是因为用户直接输入了网址访问，或者浏览器设置了阻止发送referrer信息。这种情况下，无法通过JavaScript获取到访问来源。
如果需要更详细的用户行为分析，可以考虑使用第三方分析工具，如Google Analytics等，这些工具通常提供了更全面的用户跟踪功能。
如果出于安全考虑需要限制某些来源的访问，可以在服务器端进行更严格的检查，比如检查HTTP请求头中的Referer字段，而不是仅仅依赖客户端的JavaScript。