histroy

45 阅读1分钟

history 的数据类型是对象,主要管理历史记录, 该对象与浏览器地址栏的操作相对应,如前进、后退、历史记录等

image.png

<button>后退</button>
<button>前进</button>

<script>
    const back = document.querySelector('button:first-child')
    const forward = back.nextElementSibling
    back.addEventListener('click', function () {
        // 后退一步
        // history.back()
        history.go(-1)
    })
    forward.addEventListener('click', function () {
        // 前进一步
        // history.forward()
        history.go(1)
    })
</script>