深度解析window.history.go()和history.back()
window.history.go()
和 history.back()
都是用于在浏览器的历史记录中前进或后退的方法。
window.history.go(-1)
或history.back()
都是后退到上一个页面。window.history.go(1)
则是前进到下一个页面。
这两种方法都可以接受一个整数作为参数,表示前进或后退多少步。例如 window.history.go(-2)
后退两个页面。
实例代码:
// 后退到上一个页面
document.getElementById('backButton').addEventListener('click', function() {
history.back();
});
// 前进到下一个页面
document.getElementById('forwardButton').addEventListener('click', function() {
history.go(1);
});
// 后退两个页面
document.getElementById('backTwoPagesButton').addEventListener('click', function() {
history.go(-2);
});
在这个例子中,我们为三个按钮绑定了点击事件,分别模拟了前进、后退以及后退两个页面的操作。
评论已关闭