反应历史听获取以前的位置 - Javascript

有时候，我们需要获取之前的页面位置，这可能是因为我们想要实现“返回”按钮，或者想要将用户重定向回他们以前访问的页面。在这种情况下，可以使用 window.history 对象来获取之前的位置。

获取最近的历史记录

要获取最近的历史记录，可以使用 window.history 对象的 back() 方法。调用此方法将导航回上一个页面并还原其状态。

window.history.back();

如果您只想获取最近一次浏览的 URL，而不是导航回它，可以使用 window.history 对象的 previous 属性来访问它。

const previousURL = window.history.previous;

获取更早的历史记录

如果您需要访问比最近的历史记录更早的页面，则可以使用 window.history 对象的 go() 方法。此方法的参数指定要向前或向后导航的步数。调用 go(-1) 将导航回上一个页面，调用 go(-2) 将导航回上上一个页面，以此类推。

window.history.go(-2);

要在页面上显示最后导航到的 URL，请获取 window.location 对象的 href 属性。

const currentURL = window.location.href;

注意事项

• 如果页面不是通过单击链接或提交表单而是通过 JavaScript 导航的，则它不会添加到历史记录中，因此 back() 和 go() 方法将不起作用。
• 在某些情况下，浏览器可能不允许您访问更早的历史记录，这取决于用户的浏览历史记录设置。在这种情况下，调用 go() 方法不会产生任何效果。

以上就是使用 window.history 对象来获取以前的位置的方法。如果您有任何疑问或建议，请随时在评论区留言。