HTML DOM referrer 属性

介绍

HTML DOM referrer 属性用于获取当前页面的引用来源，即用户点击当前页面所在链接前的页面地址。该属性属于 HTML DOM 中的 Document 对象，并且是只读的。

语法

document.referrer

该属性返回字符串类型的引用来源地址，如果当前页面没有引用来源，则返回空字符串。

应用场景

HTML DOM referrer 属性通常用于跟踪用户行为，例如在电商网站中，当用户从某一商品页面跳转到购物车页面时，可以通过 referrer 属性获取用户浏览商品的来源页面，从而统计商品的流量来源。

注意事项

在某些情况下，referrer 属性可能会被浏览器禁用或篡改，例如用户使用隐私模式浏览网页或者使用某些浏览器插件阻止 referrer 信息。因此，在实际应用中需要注意该属性的可靠性。

示例代码

<script>
    var referrer = document.referrer;
    if (referrer !== '') {
        console.log('当前页面的引用来源为：' + referrer);
    } else {
        console.log('当前页面没有引用来源。');
    }
</script>

结语

HTML DOM referrer 属性是一项非常有用的功能，可以帮助开发者跟踪用户行为并统计流量来源。但需要注意的是，在实际应用中需要考虑该属性的可靠性，避免出现数据偏差或错误。