hashchange事件的认识

写过路由的同学都知道其原理是通过URL的改变,由导航信息来决定页面信息。。。表述的好像有点不准确

这么说吧,只要URL参数列表只要变化就会调用hashchange事件,此时event对象包括oldURL和newURL两个属性,分别保存参数列表变化前后的完整URL。

目前支持hashchange事件的浏览器有IE8+、Firfox3.6、Safari5+、Chrome和Opera10.6+,其中只有Firfox6+、Chrome和Opera支持oldURL和newURL属性,

因此,最好使用location对象来确定当前的参数列表:

EventUtil.addHandler(window,"hashchange",function(event){

       console.log(event.oldURL);  

       console.log(event.newURL);  

       console.log(location.hash);

});

附:检测浏览器是否支持hashchange事件:

 var isSupported=("onhashchange" in window) && (document.documentMode === undefined || document.documentMode > 7);

 

posted @ 2016-12-23 09:47  漆黑小T  阅读(294)  评论(0编辑  收藏  举报