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

作者:半夏

时间:2026-10-23

浏览:446

本文介绍JavaScript中document.referrer属性的用法,用于获取用户访问当前页面的来源URL。通过HTML超链接跳转示例,展示其返回完整URL的特性。重点说明该属性在本地文件直接打开时返回空字符串,必须部署到服务器并通过链接访问才能正确获取来源信息。

文章目录

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的值将为空字符串。

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章