分享三种JavaScript实现返回上一页的方法

发布时间：2024-01-05  栏目：建站知识   浏览：   分类：js教程

1. 使用浏览器的回退按钮：在JavaScript中，可以使用`window.history.back()`方法返回上一页。 2. 使用锚点跳转：在HTML中，可以为页面中的某个元素添加一个锚点，然后通过JavaScript获取该锚点的ID，并使用`window.location.hash`属性跳转到对应的锚点。 3. 使用URL参数传递：在JavaScript中，可以通过修改当前页面的URL参数来实现返回上一页的功能。例如，可以将当前页面的URL参数设置为上一页的URL参数，然后使用`window.location.href`属性重新加载页面。

1、history.go()

最常用的一种方法，可以返回、前进任意一步的页面、回到上一页

//回到上一页window.history.go(-1);//回到下一页window.history.go(1);//回到任意一页widnow.history.go(+前进几页)

2、history.back()

back() 方法可加载历史列表中的前一个 URL（如果存在）。

调用该方法的效果等价于点击后退按钮或调用 history.go(-1)。

//回到上一页history.back()

3、document.referrer

支持新窗口返回上一页

//newpage//获取上一页的urlconstprevPageUrl=document.referrer;//跳转上一页document.location,href=prevPageUrl;