这是我在51CTO博客的第一篇博文
  vhCEUwmoV71S 2023年11月19日 35 0

大家好,这是我在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()方法时,也会触发。


我要坚持学习,不断积攒知识内容,接触更多的知识点!

【版权声明】本文内容来自摩杜云社区用户原创、第三方投稿、转载,内容版权归原作者所有。本网站的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@moduyun.com

  1. 分享:
最后一次编辑于 2023年11月19日 0

暂无评论

vhCEUwmoV71S
作者其他文章 更多