关于window.location.hash的理解及其应用

     window.location接口表示window对象所展示的页面的地址等信息，对于一个完整的url，location.protocol，.host，.pathname，.search，.hash分别表示了每一部分。例如对于http://www.google.com.hk/news?s=a#page1，location.protocol为http:，location.host为www.google.com.hk（包括hostname和port(80)），location.pathname为/news，location.search为?s=a，location.hash为#page1。这里详细整理location.hash的理解和使用。

     #代表网页中的一个位置，浏览器读取后就将该位置滚动到可视区域。在网页中为位置指定标识符方法有两个，一个是利用锚点，例如，另外可以使用id属性，例如

。

     #是用来指导浏览器动作的，http请求中是不包括#部分的，不会发送到服务器端。因此改变location.hash部分，浏览器不会发送请求重新加载页面。

     但是改变location.hash会在浏览器的访问历史中增加一个记录，使用后退键时可以回到上一个浏览位置。利用这一点就可以解决ajax中无访问状态的问题，配合#和历史记录，就可以在无刷新的ajax中顺利往返于各个访问状态。

     h5新增了一个onhashchange事件，#值变化时就会触发该事件。浏览器兼容性上IE8+，chrome5+，ff3.6+都支持该事件，更多浏览器兼容性可参考mdn上的说明。