前进后退两种方式
<body>
<button class="next">前进</button>
<button class="last">后退</button>
<script>
let next = document.querySelector('.next')
let last = document.querySelector('.last')
next.addEventListener('click',function () {
history.forward()
})
last.addEventListener('click',function () {
history.back()
})
</script>
</body>
等价于
<script>
let next = document.querySelector('.next')
let last = document.querySelector('.last')
next.addEventListener('click',function () {
history.go(1)
})
last.addEventListener('click',function () {
history.go(-1)
})
</script>