您的位置:首页 > Web前端 > JavaScript

js获取浏览器URL中查询字符串中的参数

2018-08-08 16:18 232 查看

<script>
    function showWindowHref(sHref) {
        var args = sHref.split("?");
        if(args[0] == sHref) {
            return "";
        }
        var arr = args[1].split("&");
        var obj = {};
        for(var i = 0;i<arr.length;i++) {
            var arg = arr[i].split("=");
            obj[arg[0]] = arg[1];
        }
        return obj;
    }

    var strUrl = "http://www.book.com/jquery/bookmannager.html?channelid=12333&name=xiaoming&age=23"
    var resultObj = showWindowHref(strUrl);
    for(var key in resultObj) {
        console.log(key+":"+resultObj[key]);
    }
</script>

先把Url里的字符串?部分的字符串分割,放到一个数组args里

数组的第0位跟Url字符串sHref比较,如果相同,表示该Url没有参数,直接返回空即可

如果不同,把数组args里的第1位也就是参数按&进行分割,放到数组arr里

创建对象obj,用于存放参数

循环参数字符串数组arr,把参数的键和值分开,并存放到对象obj中

自己创建一个含有参数的URL,进行测试

indexOf() 方法对大小写敏感!如果要检索的字符串值没有出现,则该方法返回 -1。

 

阅读更多
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: