js怎么返回上一页
原创JS实现返回上一页功能
在Web开发中,有时我们需要实现返回上一页的功能。这可以通过Javascript来实现,下面将介绍几种方法。
方法一:使用window.history对象
window.history对象提供了操作浏览器会话历史的方法。其中,back()方法可以模拟浏览器的后退按钮,实现返回上一页的功能。
function goBack() {
window.history.back();
}
方法二:使用window.location对象
window.location对象提供了与当前页面的URL相关的信息和方法。通过修改这个对象的属性,我们可以实现页面跳转。以下是使用location.href实现返回上一页的方法:
function goBack() {
window.location.href = document.referrer;
}
注意:document.referrer属性包含了载入当前文档的文档的URL。但是,如果当前文档不是通过超链接访问的(例如直接在浏览器地址栏输入URL),则该属性大概为空。
方法三:使用自定义按钮
我们可以为返回上一页功能添加一个按钮,并在点击事件中调用上面的函数。以下是HTML和Javascript的示例代码:
document.getElementById('goBack').addEventListener('click', function() {
window.history.back();
});
总结
以上介绍了三种使用Javascript返回上一页的方法,你可以通过实际需求选择合适的方法。需要注意的是,这些方法仅适用于浏览器环境,不能在Node.js等非浏览器环境中使用。