写过路由的同学都知道其原理是通过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);