在超链接上调用javascript函数点击

Question

我在ASP.NET的c#代码隐藏文件中动态创建一个超链接.我需要在客户端点击时调用JavaScript函数.我该怎么做到这一点？

Answer 1

Neater仍然,而不是typical href="#"或,href="javascript:void"或者href="whatever",我认为这更有意义:

var el = document.getElementById('foo');
el.onclick = showFoo;


function showFoo() {
  alert('I am foo!');
  return false;
}

<a href="no-javascript.html" title="Get some foo!" id="foo">Show me some foo</a>

如果Javascript失败,则会有一些反馈.此外,消除了不稳定的行为(在例如href="#"访问同一页面的情况下的页面跳跃href="").

Answer 2

最简单的答案是......

<a href="javascript:alert('You clicked!')">My link</a>

或者回答调用javascript函数的问题:

<script type="text/javascript">
function myFunction(myMessage) {
    alert(myMessage);
}
</script>

<a href="javascript:myFunction('You clicked!')">My link</a>

Answer 3

使用onclick参数...

<a href='http://www.google.com' onclick='myJavaScriptFunction();'>mylink</a>

Answer 4

JQuery回答.由于JavaScript是为了开发JQuery而发明的,所以我在JQuery中给你一个例子:

<div class="menu">
    <a href="http://example.org">Example</a>
    <a href="http://foobar.com">Foobar.com</a>
</div>

<script>
jQuery( 'div.menu a' )
    .click(function() {
        do_the_click( this.href );
        return false;
    });

// play the funky music white boy
function do_the_click( url )
{
    alert( url );
}
</script>

Answer 5

我更喜欢使用 onclick 方法而不是 javascript 超链接的 href 。并且始终使用警报来确定您拥有什么价值。

<a href='#' onclick='jsFunction();alert('it works!');'>Link</a>

它也可以用于输入标签，例如。

<input type='button' value='Submit' onclick='jsFunction();alert('it works!');'>