欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

(代码准确运行)如何获取浏览器URL中查询字符串中的参数

程序员文章站 2024-02-17 22:24:10
...

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

首先要了解的是URL中查询字符串中的参数是什么,例如有一个URL地址为:"http://www/book.com/jquery/bookmannager.html?channelid=12345&name=xiaoming&age=23";
那么?号后边的一串字符就是获取到的参数,下面请看代码:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>获取URL中接收到的参数</title>
    </head>
    <body>
        <script type="text/javascript">
            window.onload = function() {
                function getUrlPara(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 URL = "http://www/book.com/jquery/bookmannager.html?channelid=12345&name=xiaoming&age=23";
                var resultObj = getUrlPara(URL);
                //打印结果
                for(var key in resultObj) {
                    console.log(key + ":" + resultObj[key]);
                    document.write("<br>");
                }
            }
        </script>
    </body>
</html>

最终打印出的结果为(控制台中):
“channelid:12345”
“name:xiaoming”
“age:23”

相关标签: 获取URL参数

上一篇: 获取Function的参数名称

下一篇: