直接返回上一页的方法有以下几种:使用浏览器内置的 history.back() 方法:history.back();使用 window.location 对象:window.location.href = document.referrer;创建自定义按钮,并使用 window.history.back() 方法返回上一页。
如何使用 JavaScript 返回上一页
直接返回上一页
最简单的方法是使用浏览器内置的 history.back() 方法:
history.back();
使用 window.location
你还可以使用 window.location 对象返回上一页:
window.location.href = document.referrer;
其中,document.referrer 包含了上一个页面的 URL。
使用自定义按钮
如果你不想使用浏览器默认的行为,可以创建自己的按钮并使用以下代码来返回上一页:
<button onclick="goBack()">返回上一页</button>
function goBack() { window.history.back(); }
注意事项
- history.back() 方法不会触发 onbeforeunload 事件,因此无法执行弹窗确认等操作。
- 如果当前页面是历史记录中的第一个页面,history.back() 方法将无效。
- 当用户使用后退按钮时,浏览器会自动调用 history.back() 方法。