在前端开发中，有时候需要获取上一页的URL，以便进行一些操作，比如将用户重定向到上一页。本文将介绍如何使用JavaScript获取上一页的URL，并提供详细的示例代码。
通过document.referrer属性获取上一页URL
在JavaScript中，可以使用document.referrer属性来获取上一页的URL。这个属性返回的是当前页面的来源URL，也就是访问当前页面之前的页面的URL。如果当前页面是第一个被访问的页面，那么document.referrer属性就会返回空字符串。
以下是示例代码：
const previousPageURL = document.referrer; console.log(previousPageURL);
通过history API获取上一页URL
除了使用document.referrer属性之外，还可以使用浏览器提供的history API来获取上一页的URL。history API提供了一系列方法，可以用来操作浏览器的历史记录。
其中，history.back()方法可以让浏览器返回到上一页，而history.previous属性则可以获取上一页的URL。
以下是示例代码：
-- -------------------- ---- ------- -------- -------------------- - --------------- ----- --------------- - -------------- ------------------ ------ ---------------- - ----- --------------- - --------------------- -----------------------------
需要注意的是，调用history.back()方法会导致浏览器返回到上一页，因此如果要在不影响用户浏览体验的情况下获取上一页的URL，需要在调用history.back()方法之后再次调用history.forward()方法将浏览器返回到当前页面。
指导意义
通过本文，我们学习了两种不同的方法来获取上一页的URL。使用document.referrer属性是比较简单和直接的方式，但是这个属性有一些局限性，如果用户从其他来源进入当前页面，那么document.referrer属性就无法正确地返回上一页的URL。
而使用history API虽然稍微复杂一些，但是可以更加精确地获取上一页的URL，并且不会受到其他因素的影响。
总之，掌握这些技巧对于前端开发人员来说非常重要。在实际开发中，我们可能会经常涉及到获取上一页的URL的问题，这时候我们可以选择适合当前场景的方法来解决问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/14856