将变量放置为 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

你可以这样做：

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

Answer 2

试试这个

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

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

干杯。这将根据 myVar 值将您带到所需的位置！

Answer 3

function clicked() {
    var dest = "";
    if(myVar) 
       dest = "http://stackoverflow.com";
    else
       dest = "http://google.com"
    window.navigate(dest);

但我看到大家都这么说。只需检查哪种方法适用于大多数浏览器

Answer 4

你可以这样做...

$('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';
      }
   }
}

Answer 5

您可以简单地使用 Javascript 进行重定向：

<script>
function clicked() {
    if(myVar == 1) {
        window.location = "http://url1.com";
    }
    else if (myVar == 2) {
        window.location = "http://url2.com";
    }
}
</script>

Answer 6

不，不可能按照你想要的方式去做。

你为什么不这样做呢 -

<a href="http://www.example.com" onClick="clicked();">Click me!</a>

<script>
function clicked()
{
    if(myVar == 1) 
    {
        window.location.href = "www.stackoverflow.com";
    }
    else if (myVar == 2)
    {
        window.location.href = "www.google.com";
    }
}

请访问 Mozilla 开发人员中心，获取有关该窗口的更多参考信息。位置对象。