路由器机制

基本原理：HTML5 history API，最早使用location.hash做路由指向

参考文章

1. HTML5 history API与ajax分页实例页面
2. HTML5 History API

主要方法:

1. history.pushState(data, title [, url])：往历史记录堆栈顶部添加一条记录；data会在onpopstate事件触发时作为参数传递过去；title为页面标题，当前所有浏览器都会忽略此参数；url为页面地址，可选，缺省为当前页地址；
2. history.replaceState(data, title [, url]) ：更改当前的历史记录，参数同上；
3. history.state：用于存储以上方法的data数据，不同浏览器的读写权限不一样；
4. window.onpopstate：响应pushState或replaceState的调用；

主要是通过对地址栏参数的变化的判断从而确定页面的状态

location.hash location是javascript里边管理地址栏的内置对象， location.hash则可以用来获取或设置页面的标签值，比如http://domain/#admin的location.hash=”#admin”。

参考文章

1. window.location.hash属性介绍