用JS实现监听URL地址变化

有些项目可能会需要监听URL的变化来做出动作，可以使用下边的代码

 

//监听触发操作
function hashChange(){
    alert("URL产生了变化")
}

//url变化监听器
if( ('onhashchange' in window) && ((typeof document.documentMode==='undefined') || document.documentMode==8)) {
    // 浏览器支持onhashchange事件
    window.onhashchange = hashChange;  // TODO，对应新的hash执行的操作函数
} else {
    // 不支持则用定时器检测的办法
    setInterval(function() {
        // 检测hash值或其中某一段是否更改的函数， 在低版本的iE浏览器中通过window.location.hash取出的指和其它的浏览器不同，要注意
        var ischanged = isHashChanged();
        if(ischanged) {
            hashChange();  // TODO，对应新的hash执行的操作函数
        }
    }, 150);
}

 

 

学习更多前端知识请关注公众号，发送“VUE学习”可以领取vue学习资料哦