JavaScript - Как извлечь параметр из URL

JavaScript, URL

В процессе разработки сайта встают небольшие задачки, например, как извлечь параметр из URL.

Например, у нас имеется URL такого вида:

http://www.example.com/?page=24&info=13

Параметрами в данном случае являются page и info.

Для решения данной задачи можно использовать следующий код

function getURLParameter(sUrl, sParam) {
    let sPageURL = sUrl.substring(sUrl.indexOf('?') + 1);
    let sURLVariables = sPageURL.split('&');
    for (let i = 0; i < sURLVariables.length; i++) {
        let sParameterName = sURLVariables[i].split('=');
        if (sParameterName[0] == sParam) {
            return sParameterName[1];
        }
    }
}

Первым параметром здесь передаётся URL, из которого нужно извлечь параметр, а вторым параметром передаётся имя параметра, который нужно извлечь.

Это может быть полезно в том случае, когда Вы перехватываете событие клика по ссылке или Вам просто нужно извлечь параметры из URL в адресной строке в браузере.

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

getURLParameter('http://www.example.com/?page=24&info=13', 'page');
getURLParameter('http://www.example.com/?page=24&info=13', 'info');

Если Вы отслеживаете событие клика мыши, то это будет выглядеть так

function link_clickHandler(event){
    event.preventDefault();
    let path = event.target.href;
    console.log(getURLParameter(path, 'some_parameter');
}