js技巧篇(三)不刷新页面,更新URL地址
2018, Nov 16
需求为不刷新页面,更新URL地址
实现方法:history.pushState
不会触发页面的刷新,只会导致history对象发生变化,地址栏会有反应 pushState方法有三个参数:
- state:一个与指定网址相关的状态对象,popstate事件触发的时候,该对象会传入回调函数,不需要传null
- title:新页面的标题,不需要传null
- url:新网址,必须与当前页面在同一个域。地址栏会显示这个网址
history对象提供了一系列方法,允许在浏览历史之间移动。H5特性,这里简单介绍几个常用的方法
-
back():移动到上一个访问页面,等同于浏览器的后退键。
-
forward():移动到下一个访问页面,等同于浏览器的前进键。
-
go():接受一个整数作为参数,移动到该整数指定的页面,比如go(1)相当于forward(),go(-1)相当于back()。