JS如何让页面前进和后退

在浏览一些文档形式的网页是,比如小说阅读器,往往需要给用户提供这样的功能,实现前进和后退,用户通过单击按钮达到访问之前的网页和之后的网页的功能

具体代码实现

// 前进
function goForward() {
  window.history.forward();  // 到之前的网页
}

// 后退
function goBack() {
  window.history.back();    // 到之后的网页
}

具体解析

要知道页面可以前进和后退,就必须要知道浏览器的浏览历史(history)概念,浏览器在访问网页时,会把访问的记录按照事件顺序进行排列,而forward()和back(）函数就是负责在浏览器中找到前一个网页和后一个网页

额外拓展

在history对象里,还有一个go()函数,其中有一个整型的参数,当参数为正数时标识前进N页,当为负数时,则表示后退N页,比如go(-1)的效果与back()函数的效果是一样的