zoukankan      html  css  js  c++  java
  • Html5 history Api简介

    一. Html4的History API

    1. back() 后退,跟按下“后退”键是等效的。
    2. forward() 前进,跟按下“前进”键是等效的。
    3. go() 用法:history.go(x);在历史的范围内去到指定的一个地址。如果 x < 0,则后退 x 个地址,如果 x > 0,则前进 x 个地址,如果 x == 0,则刷新现在打开的网页。history.go(0) 跟 location.reload() 是等效的。

    二. Html5的History API

      1. history.pushState(data, title [, url]):往历史记录堆栈顶部添加一条记录;data会在onpopstate事件触发时作为参数传递过去;title为页面标题,当前所有浏览器都会 忽略此参数;url为页面地址,可选,缺省为当前页地址。

      2. history.replaceState(data, title [, url]) :更改当前的历史记录,参数同上。

         3. history.state:用于存储以上方法的data数据,不同浏览器的读写权限不一样。

         4. popstate事件:当用户单击浏览器的后退或者前进按钮时触发该事件。在事件处理函数中读取触发事件的事件对象的state属性值,该属性值即为执行pushState方法时所使用的第一个参数值,其中保存了在向浏览器历史记录中添加记录同步保存的对象。

  • 相关阅读:
    Spring源码剖析4:懒加载的单例Bean获取过程分析
    css3动画 9步
    删除文件
    监听变量的方法
    jPaginate应用
    bg-render+bg-class+filter
    css兼容处理
    系统前端关键点
    token 入门教程
    svg笔记----------path篇
  • 原文地址:https://www.cnblogs.com/ccblogs/p/5261974.html
Copyright © 2011-2022 走看看