JS实现URL变化监听器

需求

需要给一些文章做分页,那前段就需要有分页的页码。
流程是这样的,点击页码,url地址#后的参数发生变化,监听器监听到url发生变化,实现文章内容列表变化。

实现

以下为监听器的实现代码

//监听触发操作
function hashChangeFire(){
    alert("1231561")
}

//url变化监听器
if( ('onhashchange' in window) && ((typeof document.documentMode==='undefined') || document.documentMode==8)) {
    // 浏览器支持onhashchange事件
    window.onhashchange = hashChangeFire;  // TODO,对应新的hash执行的操作函数
} else {
    // 不支持则用定时器检测的办法
    setInterval(function() {
        // 检测hash值或其中某一段是否更改的函数, 在低版本的iE浏览器中通过window.location.hash取出的指和其它的浏览器不同,要注意
        var ischanged = isHashChanged();
        if(ischanged) {
            hashChangeFire();  // TODO,对应新的hash执行的操作函数
        }
    }, 150);
}
posted @ 2017-08-06 22:36  keivnyau  阅读(3923)  评论(0编辑  收藏  举报