Используйте Javascript или JQuery для создания URL-адреса href с использованием переменных, переданных через параметры URL-адреса.

Пример использования: я хочу иметь динамическую кнопку на целевой странице, которая ссылается на другой URL-адрес на основе параметров в URL-адресе целевой страницы.

Например: ссылка на целевую страницу = www.testpage.com/?dc=secondtestpage.com.

Ссылка на желаемую кнопку = 'https://www.' + dc + '?etxratrackingparameters' с результатом = "https://www.secondpagetest.com?extratrackingparameters"

Я нашел этот код для извлечения данных из параметров:

// Parse the URL parameter
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, " "));
}
// Give the parameter a variable name
var dynamicContent = getParameterByName('dc');

Это позволяет мне вытащить параметр dc в переменную. Теперь мне нужно знать, как использовать эту переменную для создания URL-адреса путем объединения его с другими переменными или строками.

Надеюсь, это легко для любых экспертов по Javascript (которыми я не являюсь!). Любая помощь приветствуется.

Спасибо!


person Atung9801    schedule 02.05.2017    source источник
comment
Пожалуйста, прочтите Как спросить. Ключевые фразы: Искать, исследовать и Объяснять... любые трудности, которые помешали вам решить это самостоятельно.   -  person Heretic Monkey    schedule 02.05.2017
comment
В URL несколько параметров или только один? В нынешнем виде этот вопрос очень широк и на него трудно ответить.   -  person styfle    schedule 02.05.2017


Ответы (1)


Опирайтесь на то, что у вас уже есть. Просто используйте конкатенацию строк для создания url и используйте jQuery .html() для создания ссылки:

var dynamicContent = "secondpagetest.com";
var url = "https://www."+dynamicContent+"?extratrackingparameters";
$('#container').html('<a href="'+url+'">link</a>');
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="container"></div>

person Fabricator    schedule 03.05.2017