Question

尝试执行以下操作：

从网址存储参数，例如mydomain.com/page.html?cid=123456

如果用户点击一个按钮（他们有一个.btn-cta类），它将采用params？cid = 123456并将它们添加到新页面，这些按钮链接到/tour.html

我现在做的一半是将params传递给页面上的iframe，现在我需要让上面的部分工作：

var loc = window.location.toString(),  
    params = loc.split('?')[1],  
    iframe = document.getElementById("signupIndex"),
    btn = $('.btn-cta');  

iframe.src = iframe.src + '?' + params;

Answer 1

以下是我如何使用jquery：

 $('.btn-cta').each(function(i, el){
    $(this).attr({
        href: $(this).attr("href") + window.location.search
    });
});

在Vanilla ES2015中

document.querySelectorAll('.btn-cta')
    .forEach((el) => el.attributes.href.value += window.location.search);

这将获取具有类.btn-cta的所有元素，并将页面查询字符串附加到其href个属性中。

所以如果页面网址是“http://domain/page.html?cid=1234

”

<a href="/tour.html" class="btn-cta">Tour</a>

变为

<a href="/tour.html?cid=1234" class="btn-cta">Tour</a>

Answer 2

<html>
<head>
<script src="js/jquery.js"></script>
<script>
$(document).ready(function() {
var loc = window.location.href;
var params = loc.split('?')[1];  
$(".btn-cta").click(function(){
window.open("tour.html?"+params,'_self',false);
});

});
</script>
</head>
<body>

<button type="submit" class="btn-cta">Click Me</button>


</body>
</html>

将URL参数从一个页面传递到另一个页面

2 个答案: