使用 Javascript 或 JQuery 创建一个 href URL 使用通过 URL 参数传入的变量
Use Javascript or JQuery to create an href URL using variables passed in through URL parameters
用例:
我想根据着陆页 URL 中的参数,在 link 到不同 URL 的着陆页上设置动态按钮。
例如:
着陆页 link = www.testpage.com/?dc=secondtestpage.com
想要的按钮 Link = '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 专家来说都很容易(我不是!)。感谢任何帮助。
谢谢!
以您已有的为基础。只需使用字符串连接来构建 url
,并使用 jQuery 的 .html()
来创建 link:
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>
用例: 我想根据着陆页 URL 中的参数,在 link 到不同 URL 的着陆页上设置动态按钮。
例如: 着陆页 link = www.testpage.com/?dc=secondtestpage.com
想要的按钮 Link = '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 专家来说都很容易(我不是!)。感谢任何帮助。
谢谢!
以您已有的为基础。只需使用字符串连接来构建 url
,并使用 jQuery 的 .html()
来创建 link:
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>