Question

我有一个动态变量，由脚本中的网页用户更新，当用户点击超链接时，我需要能够将该变量发送到另一个网页。所以我需要像

这样的东西

<a href="http://example.com?variable=variableGetter()">Link</a>

工作但我不确定如何执行此操作的确切语法。我已经在JavaScript中使用了getter，我只需要在用户点击链接时访问它。

Answer 1

您可以使用onclick操作将您发送到为您导航页面的功能。

或者

只要需要更改变量值，就可以更新href属性。

第二个选项可能更可取，但它在很大程度上取决于页面中还有其他内容以及如何设置变量

Answer 2

它看起来非常熟悉：

How to redirect on another page and pass parameter in url from table?

<a href="#" id="redirectwithid">link</a>

Native JS：

document.getElementById('redirectwithid').setAttribute('href','yoururl?variable=' + variableGetter());

jQuery的：

$("#redirectwithid").click(function() {
   var yourVariable = variableGetter();
   if (yourVariable != null) {
      window.location = 'yoururl?variable=' + yourVariable;
   }
});

添加原生JS： 我不知道您的代码，所以只需将代码插入您想要更新变量的位置 - 同时href将会更改。

修改

如果您想添加多个变量，例如?variable=1和第二个variable2=2，您可以通过添加＆amp;变量之间，如下所示：

NativeJS：

document.getElementById('redirectwithid').setAttribute('href','yoururl?variable=' + variableGetter() + '&variable2=' + variable2Getter());

JQuery的：

$("#redirectwithid").click(function() { var yourVariable = variableGetter(); var yourVariableTwo = variableTwoGetter(); if (yourVariable != null) { window.location = 'yoururl?variable=' + yourVariable + '&' + yourVariableTwo; } });

将Javascript变量放在html链接中

2 个答案: