javascript - 如何在 JavaScript 中实现点击事件？

Question

我在页面上选择了一个 span 元素。对于第一次点击，我希望它链接到另一个页面。在第二次单击时，我希望它返回到原始页面。

例如，我有一个链接example.com，它是原始的。单击此元素“abcd”时，我希望它链接到example.com/ar，再次单击时，我希望它返回到example.com。

document.querySelector('span.arb').addEventListener('click', function() {
  a.href="example.com";
})

如何使用上述内容完成此操作？

标签： javascripthtml

Answer 1

尝试这个：

let count = 0;
document.querySelector('span.arb').addEventListener('click', function () {
  count++;
 document.querySelector('a').href = "http://example.com";
  if (count == 1) {
    document.querySelector('a').href = "http://example.com/ar";
  } else {
     document.querySelector('a').href = "http://example.com";
  }
});

<a href="http://example.com">Link</a>
<span class="arb">Click Me</span>