我可以创建指向 javascript function 的链接吗？

Question

我的代码是：

<input class="button"  type="button" value="Mark" onClick="doCheck('mark');" \>

我想用一个

<a>

关联。 是否有可能做到这一点？ 我只知道如何链接到另一个页面。

Answer 1

像这样使用

<a class="button"  href="javascript:void(0)" onClick="doCheck('mark');" >Mark</a>

或者这样

<a class="button"  href="javascript:doCheck('mark')" >Mark</a>

Answer 2

< a href='javascript:void(null);' onclick='doCheck()' > Test </a>

Answer 3

<a onClick="doCheck('mark');"> Mark </a>

您可以将点击处理程序附加到页面上可见的任何 DOM 元素。 我会单独推荐标记和 javascript 的分离。

所以类似的东西。

<a id="mark">

...

<script type="text/javascript">

$(function() {
     $("#mark").click(function() {
         doCheck("mark");
     });
});

</script>

会更可取。 在这种情况下$是jQuery 。 纯 javascript 解决方案是可能的，但它有很多样板代码隐藏了这一点。

Answer 4

此代码示例将执行 JavaScript 而无需点击链接：

<a href="#" onclick="doCheck('mark'); return false;">Mark</a>

如果你想点击链接，请放弃return false; 部分：

<a href="somewhere.html" onclick="doCheck('mark');">Mark</a>

Answer 5

您可以在任何 html 元素上使用 onClick 属性。 所以在你a标签或img标签中使用它。