Javascript 当用户单击div时，导航到带有附加查询的新url
我试图完成以下工作：当单击div时，用户将转到一个新的url，并向url添加一个查询字符串 例如，用户位于此url上：Javascript 当用户单击div时，导航到带有附加查询的新url,javascript,jquery,Javascript,Jquery,我试图完成以下工作：当单击div时，用户将转到一个新的url，并向url添加一个查询字符串 例如，用户位于此url上： www.example.com/step1/？query1=abc&query2=def 单击div时，用户应转到： www.example.com/step2/？query1=abc&query2=def&query3=ghi假设您有一个div（即，），您可以添加一个单击事件监听器，当您单击该div时将执行该监听器，您可以这样做： let mydiv = document.g
www.example.com/step1/？query1=abc&query2=defwww.example.com/step2/？query1=abc&query2=def&query3=ghilet mydiv = document.getElementById('mydiv')
mydiv.addEventListener('click', () => {
window.location.href = 'http://example.com/step2/?query1=abc&query2=def&query3=ghi'
})
我使用的是vanilla Javascript，但是如果您使用jQuery，它会更容易些。假设您有一个div（即，
let mydiv = document.getElementById('mydiv')
mydiv.addEventListener('click', () => {
window.location.href = 'http://example.com/step2/?query1=abc&query2=def&query3=ghi'
})
我使用了vanilla Javascript，但是如果您使用jQuery，它会更容易些，这可能会对您有所帮助。您可以使用所需的url更改url
<!DOCTYPE html>
<html>
<body>
<script ype="application/javascript">
function myFunction() {
location.replace("https://stackoverflow.com/");
}
</script>
<div onclick="myFunction()">
<h2>test</h2>
</div>
</body>
函数myFunction（）{
位置。替换（“https://stackoverflow.com/");
}
测试
这可能对你有所帮助。您可以使用所需的url更改url
<!DOCTYPE html>
<html>
<body>
<script ype="application/javascript">
function myFunction() {
location.replace("https://stackoverflow.com/");
}
</script>
<div onclick="myFunction()">
<h2>test</h2>
</div>
</body>
函数myFunction（）{
位置。替换（“https://stackoverflow.com/");
}
测试
GOGO