javascript - 将变量作为 HREF

Question

基本上，是否可以做类似...

<a href=link onClick="clicked();">Click me!</a>

<script>
function clicked() {
    if(myVar == 1) {
        link="http://stackoverflow.com"
    }
    else if (myVar == 2) {
        link="http://google.com"
    }
}
</script>

这个例子可能是不可能的，因为它同时触发......但是是否可以在那里使用变量？

基本上，我需要一个链接，根据变量将您带到两个不同的地方。我想我可以有两个链接，并根据变量分别隐藏/显示每个链接，但我想知道是否可以采用另一种方式？

我正在使用 HTML、CSS、JavaScript 和 JQuery...

谢谢!

Answer 1

你可以做...

$('a').click(function(event) {
    if (condition) {
        event.preventDefault();
        window.location = 'http://different-url.com';
    }
});

如果满足条件，它将带您到不同的 URL。

否则，链接将按预期工作。

如果你不想使用 jQuery，那就是......

var anchors = document.getElementsByTagName('a');
for (var i = 0, anchorsLength; i < anchorsLength; i++) {
   anchors[i].onclick = function(event) {
      if (condition) {
          event.preventDefault();
          window.location = 'http://different-url.com';
      }
   }
}