[教程]js返回上一页的三种方法分享

在JavaScript中，返回上一页的方法有多种，以下是三种常用的方法：方法一：使用 history.back() 或 history.go(1)这两种方法都可以实现返回上一页的功能，但它们之间有一些...

在JavaScript中，返回上一页的方法有多种，以下是三种常用的方法：

方法一：使用 history.back() 或 history.go(-1)

这两种方法都可以实现返回上一页的功能，但它们之间有一些细微的区别：

• history.back()：直接返回当前页的上一页，数据全部消失，是个新页面。

• history.go(-1)：也是返回当前页的上一页，但表单里的数据全部还在。

示例代码：

<a href="javascript:history.back()">返回上一页</a>
<a href="javascript:history.go(-1)">返回上一页</a>

方法二：使用 window.location.href 或 window.location.assign()

这两种方法可以明确指定返回的URL，并且可以实现刷新当前页面的效果：

• window.location.href：获取或设置当前窗口的位置，当设置为上一页的URL时，可以返回上一页。

• window.location.assign()：作用与设置 window.location.href 相同，都是导航到指定的URL。

示例代码：

<a href="javascript:window.location.href='上一页的URL'">返回上一页</a>
<a href="javascript:window.location.assign('上一页的URL')">返回上一页</a>

方法三：使用 window.location.replace()

这种方法可以替换当前历史记录条目，导航到新的URL时，当前的条目会被新条目替换掉，这意味着用户不能通过点击后退按钮回到当前页面：

示例代码：

<a href="javascript:window.location.replace('上一页的URL')">返回上一页</a>

方法对比

根据不同的需求，可以选择不同的方法来实现返回上一页的功能。