javascript 分享一个获取url get参数的方法

时间:2016-01-25
我们经常会看到有的url链接后面会带有参数,有的时候我们需要获取这些url参数,以便在开发中使用到,本文章向大家介绍一个获取url get参数的方法。需要的码农可以参考一下。

本函数使用到了javascript中的indexOf方法和split方法。具体代码如下:

function getPara(para) {
    if (location.href.indexOf("?") == -1) {
        // 没有参数,则Do nothing.  
        return null;
    } else {
        // 取得GET请求?号后面的字符串  
        var urlQuery = location.href.split("?");
        if (urlQuery[1].indexOf("&") == -1) { //只有一个参数  
            if (urlQuery[1].indexOf("=") == -1) {
                //没有等号,没有参数,则Do nothing  
                return null;
            } else {
                var keyValue = urlQuery[1].split("=");
                var key = keyValue[0];
                var value = keyValue[1];
                if (key == para) {
                    return value;
                }
            }
        } else {
            // 解析参数  
            var urlTerms = urlQuery[1].split("&");
            for (var i = 0; i < urlTerms.length; i++) {
                var keyValue = urlTerms[i].split("=");
                var key = keyValue[0];
                var value = keyValue[1];
                if (key == para) {
                    return value;
                }
            }
        }
    }
    return null;
}

直接调用getPara函数即可获取某个url的参数。

本文章的js/html/php/css代码均可以复制到这个页面进行在线调试,你不妨试一下。

http://www.manongjc.com/runcode