Verwenden Sie Javascript oder JQuery zum Erstellen einer href-URL mithilfe von über URL-Parameter übergebenen Variablen

Question

Use Case: Ich möchte dynamische Schaltfläche auf einer Zielseite haben, die auf der Grundlage der Parameter in der Zielseiten-URL eine andere URL verknüpft.

Zum Beispiel: Zielseite link = www.testpage.com/?dc=secondtestpage.com

gewünschte Taste Link = 'https://www' + Dc + mit dem Ergebnis = "https://www.secondpagetest.com?extratrackingparameters"

ich diesen Code gefunden, um Daten aus Parameter Pull 'etxratrackingparameters?':

// 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');

Dies ermöglicht es mir, die DC-Parameter zu ziehen in eine Variable. Jetzt muss ich wissen, wie man diese Variable benutzt, um URL zu erstellen, indem man sie mit anderen Variablen oder Strings verknüpft.

Hoffentlich so einfach für alle Javascript-Experten (die ich nicht bin!). Jede Hilfe wird geschätzt.

Danke!

Answer 1

Aufbauend auf dem, was Sie bereits haben. verwenden String-Verkettung einfach die url zu bauen, und verwenden Sie jQuery .html() einen Link zu erstellen:

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>