url中如何获取hash值，使用key-value返回

最新推荐文章于 2023-10-20 18:32:58 发布

无名H

最新推荐文章于 2023-10-20 18:32:58 发布

阅读量371

点赞数

文章标签：哈希算法算法

本文链接：https://blog.csdn.net/qq_40358970/article/details/132078206

版权

文章介绍了如何使用JavaScript的window.addEventListener监听hashchange事件，以及如何从URL的hash部分解析出键值对对象。作者提供了一个函数，通过split方法处理hash值并将其转换为对象形式。

摘要由CSDN通过智能技术生成

在网页加载中，我们如何进行监听hash值：

window.addEventListener("hashchange", function() {
    console.log("监听hash值 ");
});

然后比如一个网址是：http://****.com/index.html#name=zs&age=12&card=123123

我们是可以直接获取到hash值的，获取方法如下：

location.hash

得出：#name=zs&age=12&card=123123 这样的一个值；

可是我们又希望得到的是：

{
    'name': 'zs',
    'age': 18,
    'card': 123123
}

这种的返回值；

我们可以如下操作：


    var hashParam = (function(){
        let objs = {}
        let hsh = location.hash;
        let hashc = hsh.slice(1, hsh.length);
        let hashv = hashc.split('&');
        if ( hashv.length > 0 ) {
            hashv.forEach(item => {
                let keys = item.split('=');
                objs[keys[0]] = keys[1];
            })
        }
        return objs
    })()

此时可以直接获取hash对象了，如有更好方法，可以在评论区建议，感谢！