一、说明:
1、History 对象包含用户(在浏览器窗口中)访问过的 URL,即浏览器的浏览历史。
2、History 对象是 window 对象的一部分,可通过 window.history (可以直接使用history,window可省略)属性对其进行访问。
二、方法:
![](https://images-1251512924.cos.ap-shanghai.myqcloud.com/2020/06/10/61223629902fb.png)
1、back() :可加载历史列表中的前一个 URL(如果存在)。
调用该方法的效果等价于点击后退按钮或调用 history.go(-1)。
示例:为了演示效果,可以在A.html页面中定义一个超链接,跳转到B.html,在B.html中使用该方法演示,点击后会回退到A.html。
A.html:
![](https://images-1251512924.cos.ap-shanghai.myqcloud.com/2020/06/10/788aa279e6a5b.png)
B.html:
![](https://images-1251512924.cos.ap-shanghai.myqcloud.com/2020/06/10/7b9d7915910fb.png)
点击”后退“会后退到前一个页面。
2、forward() :可加载历史列表中的下一个 URL。
调用该方法的效果等价于点击前进按钮(如果前进能用)或调用 history.go(1)。
示例:修改上面的例子,在A.html页面中加入:
![](https://images-1251512924.cos.ap-shanghai.myqcloud.com/2020/06/10/a7d46dc37fabb.png)
从A.html跳转到B.html后,再点击后退返回到A.html,此时点击该页面的“前进”按钮则可以重新“前进”到B.html页面。
3、go() :可加载历史列表中的某个具体的页面。
语法:history.go(number|URL)
URL 参数使用的是要访问的 URL,或 URL 的子串。而 number 参数使用的是要访问的 URL 在 History 的 URL 列表中的相对位置。负值代表后退几个页面,正值代表前进几个页面。
比如:history.go(-1) 后退一步,history.go(-2)后退2步。
history.go(1)前进一步,history.go(2)前进2步。
示例:假定下面的页面处在中间(后边有页面,前边也有页面)
![](https://images-1251512924.cos.ap-shanghai.myqcloud.com/2020/06/10/db38b27685173.png)