如何获取上一个 URL

在 Web 开发中，有时候需要获取用户访问页面前的 URL，一般情况下我们可以通过 JavaScript 来实现。本文将会介绍两种获取上一个 URL 的方法。

方法1：使用 document.referrer

document.referrer 属性返回当前页面的来源 URL。这个属性仅在当前页面是从另一个页面跳转而来的情况下才有值。

const previousUrl = document.referrer;
console.log(previousUrl);

方法2：使用 window.history

window.history 对象提供了一系列方法，可以通过操作浏览器的历史记录来实现获取上一个 URL 的功能。

// 获取当前 url
const currentUrl = window.location.href;

// 返回历史记录中前一个 URL
window.history.back();

// 获取前一个 URL
const previousUrl = window.location.href;

// 还原当前 URL
window.history.forward();

console.log(previousUrl);

值得注意的是，window.history 中的方法只适用于同一个 tab 页面中的页面跳转。

以上就是两种获取上一个 URL 的方法，开发者可以根据具体需求来选择其中一种方法。