hash路由模式和history路由模式有何本质区别及具体应用场景？

本文共计1855个文字，预计阅读时间需要8分钟。

目录- 单页应用应用- Hash模式- hashChange()函数- History模式- Hash模式与History模式的区别- 单页应用- 前端单页应用（SPA）越来越成为前端主流- 单页应用的一大特点就是使用前端路由控制

目录

• 单页应用
• hash模式
• hashChange()
• history模式
• hash模式和history模式的区别

单页应用

目前单页应用（SPA）越来越成为前端主流，单页应用一大特点就是使用前端路由，由前端来直接控制路由跳转逻辑，而不再由后端人员控制，这给了前端更多的自由。

目前前端路由主要有两种实现方式：hash模式和history模式，下面分别详细说明。

hash模式

这个我们应该不陌生，比如在用超链接制作锚点跳转的时候，就会发现，url后面跟了"#id"，hash值就是url中从"#"号开始到结束的部分

hash值变化浏览器不会重新发起请求，但是会触发window.hashChange事件，假如我们在hashChange事件中获取当前的hash值，并根据hash值来修改页面内容，则达到了前端路由的目的。