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

05-02 05:01