js获取上一个页面的url

在JavaScript中，获取上一个页面的URL可以通过document.referrer属性来实现。这个属性返回的是前一个页面的URL，如果当前页面是通过直接输入或者刷新的方式打开的，那么document.referrer的值通常是空字符串。

基础概念

• document.referrer: 这是一个只读属性，返回的是加载当前文档的文档的URL。

应用场景

• 分析用户来源: 网站可以使用这个属性来分析用户是从哪个页面跳转过来的，这对于网站流量分析和用户体验优化很有帮助。
• 防止跨站请求伪造(CSRF): 通过检查referrer，可以一定程度上验证请求是否来自预期的来源。

示例代码

// 获取上一个页面的URL
var previousPageUrl = document.referrer;

console.log("上一个页面的URL是: " + previousPageUrl);

注意事项

• document.referrer可能会因为浏览器的隐私设置而被清空。
• 在某些情况下，如使用HTTPS跳转到HTTP，或者设置了严格的Referrer Policy，referrer可能不会包含完整的URL。

解决问题的方法

如果你发现document.referrer没有返回预期的值，可以考虑以下几种解决方案：

1. 检查浏览器设置: 确保浏览器的隐私设置没有阻止referrer信息的传递。
2. 使用Referrer Policy: 在服务器端设置合适的Referrer Policy，例如Referrer-Policy: strict-origin-when-cross-origin，这样可以控制referrer信息的发送。
3. 使用Session Storage或Local Storage: 如果需要在页面间传递信息，可以考虑使用这些存储机制来保存必要的数据。

通过上述方法，你可以有效地获取和处理上一个页面的URL信息。