大家好,这是我在51CTO博客的第一篇博文,以此来记录浏览器的history对象的属性和方法等
下面是关于history对象的一些内容
history对象的属性
- length:返回浏览器历史列表中的 URL 数量。
- scrollRestoration: 滚动恢复属性允许web应用程序在历史导航上显式地设置默认滚动恢复行为。该属性有两个可选值,默认为auto,将恢复用户已滚动到的页面上的位置。另一个值为:manual,不还原页上的位置,用户必须手动滚动到该位置。
- state:返回一个表示历史堆栈顶部的状态的值,这是一种可以不必等待popstate事件而查看状态的方式。
history对象的方法
- history.pushState(object, title, url)方法接受三个参数,object 为随着状态保存的一个对象,title为新页面的标题,url为新的网址。
- replaceState(object, title, url) 与pushState的唯一区别在于该方法是替换掉history栈顶元素。
- history.go(x) 去到对应的url历史记录。
- history.back() 相当于浏览器的后退按钮。
- history.forward() 相当于浏览器的前进按钮。
history对象的事件
- popstate事件: 同一个文档的浏览历史发生变化时触发。调用history.pushState()和history.replaceState()方法不会触发。而用户点击浏览器的前进/后退按钮时会触发,调用history对象的back()、forward()、go()方法时,也会触发。
我要坚持学习,不断积攒知识内容,接触更多的知识点!