history.pushState 实现浏览器页面不刷新修改url链接

夏天

登录可见。

1.状态对象（stateObject）--stateObject是一个JavaScript对象，通过pushState方法可以将stateObject内容传递到新页面中。

2.标题（title）--几乎没有浏览器支持该参数，但是传一个空字符串会比较安全。

3.地址（url）--新的历史记录条目的地址（可选，不指定的话则为文档当前URL）；浏览器在调用pushState()方法后不会加载该地址；传入的URL与当前URL应该是同源的，否则，pushState()会抛出异常。

登录可见。

小渣渣

现在很多前端框架都用到了这种技术，点击菜单，url变了，并没有新的网络请求

夏天

小渣渣 发表于 2019-6-20 10:55
现在很多前端框架都用到了这种技术，点击菜单，url变了，并没有新的网络请求 ...

那是不是 新的页面内容 都已经放到缓存里了

小渣渣

夏天 发表于 2019-6-20 11:24
那是不是 新的页面内容 都已经放到缓存里了

不是，是第一次请求的时候，把所有页面关键的内容已经下载下来了，然后，js也有路由的概念了，根据不同url，给你不同的内容。