url更新不刷新页面的两种方式

路由两种方式:location.hash和history.pushState

  • 更改地址不刷新页面
  • 方式一(hash模式)
      • location.hash = 'a' ==>https://www.baidu.com/#a
  • 方式二(history模式)
      • history.pushState({},'','home')==>https://www.baidu.com/home

更改地址不刷新页面

方式一(hash模式)

location.hash = ‘a’ ==>https://www.baidu.com/#a

方式二(history模式)

history.pushState({},’’,‘home’)==>https://www.baidu.com/home

  • 存入为栈的结构
  • history.back()等同于history.go(-1)
  • history.forward()等同于history.go(1)

你可能感兴趣的:(url更新不刷新页面的两种方式)