Это может быть излишним, но теперь существует довольно популярная библиотека для разбора URI, называемая URI.js .

Пример

var uri = "http://example.org/foo.html?technology=jquery&technology=css&blog=stackoverflow";
var components = URI.parse(uri);
var query = URI.parseQuery(components['query']);
document.getElementById("result").innerHTML = "URI = " + uri;
document.getElementById("result").innerHTML += "<br>technology = " + query['technology'];

// If you look in your console, you will see that this library generates a JS array for multi-valued queries!
console.log(query['technology']);
console.log(query['blog']);

<script src="https://cdnjs.cloudflare.com/ajax/libs/URI.js/1.17.0/URI.min.js"></script>

<span id="result"></span>

Я всегда придерживаюсь этого как одна строка. Теперь params имеет vars:

params={};location.search.replace(/[?&]+([^=&]+)=([^&]*)/gi,function(s,k,v){params[k]=v})

multi-lined:

var params={};
window.location.search
  .replace(/[?&]+([^=&]+)=([^&]*)/gi, function(str,key,value) {
    params[key] = value;
  }
);

как функция

function getSearchParams(k){
 var p={};
 location.search.replace(/[?&]+([^=&]+)=([^&]*)/gi,function(s,k,v){p[k]=v})
 return k?p[k]:p;
}

, которую вы могли бы использовать как:

getSearchParams()  //returns {key1:val1, key2:val2}

или

getSearchParams("key1")  //returns val1

По правде говоря, я добавляю свой ответ на вопрос с более высоким разрешением, но это имеет следующие преимущества:

- не зависит от каких-либо внешних библиотек, включая jQuery

- - Не загрязняющее пространство имен глобальных функций путем расширения «String»

- Не создавать глобальных данных и выполнять ненужную обработку после найденного соответствия

- Обработка проблем с кодировкой и принятие (при условии ) Некодированное имя параметра

- Избегание явных for циклов

String.prototype.urlParamValue = function() {
    var desiredVal = null;
    var paramName = this.valueOf();
    window.location.search.substring(1).split('&').some(function(currentValue, _, _) {
        var nameVal = currentValue.split('=');
        if ( decodeURIComponent(nameVal[0]) === paramName ) {
            desiredVal = decodeURIComponent(nameVal[1]);
            return true;
        }
        return false;
    });
    return desiredVal;
};

Тогда вы использовали бы его как:

var paramVal = "paramName".urlParamValue() // null if no match

Это даст вам хороший объект для работы с

    function queryParameters () {
        var result = {};

        var params = window.location.search.split(/\?|\&/);

        params.forEach( function(it) {
            if (it) {
                var param = it.split("=");
                result[param[0]] = param[1];
            }
        });

        return result;
    }

И затем;

    if (queryParameters().sent === 'yes') { .....

Это основано на ответе Gazoris , но URL-адрес декодирует параметры, чтобы их можно было использовать, когда они содержат данные, отличные от цифр и букв:

function urlParam(name){
    var results = new RegExp('[\?&]' + name + '=([^&#]*)').exec(window.location.href);
    // Need to decode the URL parameters, including putting in a fix for the plus sign
    // https://stackoverflow.com/a/24417399
    return results ? decodeURIComponent(results[1].replace(/\+/g, '%20')) : null;
}

используйте этот параметр

$.urlParam = function(name) {
  var results = new RegExp('[\?&]' + name + '=([^&#]*)').exec(window.location.href);
  return results[1] || 0;
}

С ванильным JavaScript вы можете легко взять params (location.search), получить подстроку (без?) и превратить ее в массив, разделив ее на «& amp;».

Когда вы повторяете urlParams, вы можете снова разбить строку на '=' и добавить ее в объект params как объект [elmement [0]] = element [1]. Супер простой и легкий доступ.

http://www.website.com/?error=userError&type=handwritten

            var urlParams = location.search.substring(1).split('&'),
                params = {};

            urlParams.forEach(function(el){
                var tmpArr = el.split('=');
                params[tmpArr[0]] = tmpArr[1];
            });


            var error = params['error'];
            var type = params['type'];

Возможно, вы захотите дать Dentist JS взгляд? (отказ от ответственности: я написал код)

код:

document.URL == "http://helloworld.com/quotes?id=1337&author=kelvin&message=hello"
var currentURL = document.URL;
var params = currentURL.extract();
console.log(params.id); // 1337
console.log(params.author) // "kelvin"
console.log(params.message) // "hello"

с Dentist JS, вы можете в принципе вызвать функцию extract () для всех строк (например, document.URL. extract ()), и вы получите HashMap всех найденных параметров. Он также настраивается для работы с разделителями и всеми.

Minified version & lt; 1kb

Так просто, вы можете использовать любой url и получить значение

function getParameterByName(name, url) {
    if (!url) url = window.location.href;
    name = name.replace(/[\[\]]/g, "\\$&");
    var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
    results = regex.exec(url);
    if (!results) return null;
    if (!results[2]) return '';
    return decodeURIComponent(results[2].replace(/\+/g, " "));
}

Пример использования

// query string: ?first=value1&second=&value2
var foo = getParameterByName('first'); // "value1"
var bar = getParameterByName('second'); // "value2" 

Примечание: если параметр присутствует несколько раз (? first = value1 & amp; second = value2), вы получите первое значение (значение1) и второе значение как (значение2).

Просто хотел показать мои коды:

function (name) {
  name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]");
  var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
  results = regex.exec(location.search);
  return results == null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));

}

$.urlParam = function(name) {
  var results = new RegExp('[\?&]' + name + '=([^&#]*)').exec(window.location.href);
  return results[1] || 0;
}

Эта отличная библиотека: https://github.com/allmarkedup/purl

, которая позволяет вам просто

url = 'http://example.com?sent=yes';
sent = $.url(url).param('sent');
if (typeof sent != 'undefined') { // sent exists
   if (sent == 'yes') { // sent is equal to yes
     // ...
   }
}

Например, предполагается, что вы используете jQuery. Вы также можете использовать его как простой javascript, тогда синтаксис будет немного отличаться.

var RequestQuerystring;
(window.onpopstate = function () {
    var match,
        pl = /\+/g,  // Regex for replacing addition symbol with a space
        search = /([^&=]+)=?([^&]*)/g,
        decode = function (s) { return decodeURIComponent(s.replace(pl, " ")); },
        query = window.location.search.substring(1);

    RequestQuerystring = {};
    while (match = search.exec(query))
        RequestQuerystring[decode(match[1])] = decode(match[2]);
})();

RequestQuerystring теперь является объектом со всеми вашими параметрами

Вариант ответа Самера [Coffeescript]

getUrlParameter = (sParam) ->
  sPageURL = window.location.search.substring(1)
  sURLVariables = sPageURL.split('&')
  i = 0
  while i < sURLVariables.length
    sParameterName = sURLVariables[i].split('=')
    if sParameterName[0] == sParam
      return sParameterName[1]
    i++

Другое решение, которое использует jQuery и JSON, поэтому вы можете получить доступ к значениям параметров через объект.

var loc = window.location.href;
var param = {};
if(loc.indexOf('?') > -1)
{
    var params = loc.substr(loc.indexOf('?')+1, loc.length).split("&");

    var stringJson = "{";
    for(var i=0;i<params.length;i++)
    {
        var propVal = params[i].split("=");
        var paramName = propVal[0];
        var value = propVal[1];
        stringJson += "\""+paramName+"\": \""+value+"\"";
        if(i != params.length-1) stringJson += ",";
    }
    stringJson += "}";
    // parse string with jQuery parseJSON
    param = $.parseJSON(stringJson);
}

Предполагая, что ваш URL-адрес http://example.com/?search=hello+world&language=en&page=3

После этого это только вопрос использования таких параметров:

param.language

для возврата

en

Самое полезное использование этого - запустить его при загрузке страницы и использовать глобальную переменная, чтобы использовать параметры в любом месте, где они вам могут понадобиться.

Если ваш параметр содержит числовые значения, просто проанализируйте значение.

parseInt(param.page)

Если параметров нет param будет просто быть пустым объектом.

Решение от 2018

У нас есть: http://example.com?sent=yes

let searchParams = new URLSearchParams(window.location.search)

Высылает ли / g1] существуют?

searchParams.has('sent') // true

let param = searchParams.get('sent')