如何从 html 中的 href 标签调用 JavaScript 函数？

Question

如何从 html 中的 href 标签调用 JavaScript 函数？我创建了几个选项卡。我希望当用户单击任何选项卡时，应该调用 href 和 JavaScript 函数。我该怎么做？

 <?php if($order == 1){ ?>
<li class="cat-one"><a href= "javascript:loadProducts($categoryId)" > <?php echo $categoryName ?> </a></li>
<?php } ?>

这是我的 JavaScript：

 <script type="javascript" >
function loadProducts($categoryId)
{
    alert("Hello World!");
    return false;
}

</script>

原文由 ScoRpion 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

在 href 标签中，在不指定链接的情况下，指定您的 javascript 函数名称。

例如

<a href='javascript:myFunction()'> Click Me! <a/>

原文由 Ranhiru Jude Cooray 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

不要使用 href ，为此使用 onclick 属性

<a href="http://www.example.com" onclick="return confirm('are you sure?')">test</a>

看 这个例子

编辑（因为添加了有问题的代码）：这应该调用你的 JS 函数：

 <?php if($order == 1){ ?>
  <li class="cat-one">
    <a href="javascript:void(0)" onclick="loadProducts(<?php echo $categoryId ?>)">
      <?php echo $categoryName ?>
    </a>
  </li>
<?php } ?>

原文由 red-X 发布，翻译遵循 CC BY-SA 3.0 许可协议