javascript - 使用 Javascript 或 JQuery 使用通过 URL 参数传入的变量创建 href URL

Question

用例:我希望在着陆页上有一个动态按钮，该按钮根据着陆页 URL 中的参数链接到不同的 URL。

例如:登陆页面链接 = www.testpage.com/?dc=secondtestpage.com

所需的按钮链接 = ' https://www .' + dc + '?etxra 跟踪参数' 结果 = "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 专家来说都很容易(我不是!)。如有任何帮助，我们将不胜感激。

谢谢!

Answer 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>