哈希路径

js 哈希路由原理实现

在 js 中，有一种方法，可以在不刷新页面的情况下，页面的内容进行变更，就是 哈希路由原理

先看一个简单的路由和页面内容关联的例子，要实现两个功能：

1.1. 浏览器的路由变化，页面内容跟着变化

1.2.页面内容变换，浏览器的内容跟着变化

实现过程：

1.3.设定一个页面按钮，点击按钮时，改变页面的内容

1.4.设定浏览器的内容，跟随页面内容的变化而变化，即：直接赋值给浏览器的hash属性就可以了

1.5.监听浏览器的hash值，如果hsah改变了，则页面内容跟随变化

简单代码如下:

    
    
    
    
    


    

    

        
a页面
        
b页面
        
c页面