history对象: 与浏览器历史记录进行交互, 该对象包含用户(在浏览器窗口中)访问过的 URL
back(): 后退功能
forword(): 前进功能
go(参数): 前进后退功能 参数是1前进一个页面, -1后退一个页面
index.html
//html代码 <a href="list.html">点击去往列表</a> <button>前进</button> //js代码 var btn = document.querySelector('button') btn.addEventListener('click', function(){ // history.forward() //前进1 history.go(1) //前进1 })
list.html
//html代码 <a href="index.html">点击去往首页</a> <button>后退</button> //js代码 var btn = document.querySelector('button') btn.addEventListener('click', function(){ // history.back() //后退1 history.go(-1) })
不积跬步无以至千里 不积小流无以成江海
