JavaScript中document.referrer的用法与注意事项

document.referrer基本用法示例

以下通过具体示例进行说明：

首先，准备一个名为a.html的文件，其内容如下：

<a href="b.html">浏览b.html </a>

其次，创建另一个名为b.html的文件，其内部结构如下：

<body>

<script type="text/javascript">

document.write(document.referrer);

</script>

</body>

当用户点击a.html中的超链接跳转到b.html时，b.html页面会输出来源页面的URL，例如：

http://127.0.0.1:8180/a.html

本地测试与服务器环境的差异

需要注意的是，该属性的行为受访问方式影响：

经测试验证，必须将相关文件部署在Web服务器环境中运行，才能正确获取来源URL。若直接在本地文件系统双击打开HTML文件，或直接在浏览器地址栏输入b.html的路径，亦或通过浏览器菜单直接打开，document.referrer的值将为空字符串。