如何实现点击链接后调用JS代码

JavaScript015

如何实现点击链接后调用JS代码,第1张

有2种写法:

1. 将html a标签中的href指向要执行的JS方法,或者直接指向一段JS代码,示例如下:

<a href="JSTest()"></a> or <a href="javascript: alert("test")"></a>

2. href中不指定任何事件,可以指定为#。给a标签添加onclick事件来触发JS方法。示例如下:

<a href="#" onclick="JSTest()"></a>

如:<a href="javascript:" class="sendRequest">点击调用AJAX方法访问后台</a>

<script>

$(function(){

$(".sendRequest").click(function(){

// 我理解的你说的去括号中取值

var value1 = $(this).html()

$.ajax({ url:"yourAction.action",

type:"POST",

data:{aTitle:value1},

dataType:"json",

success:function(data){

// 你的具体操作

// alert(data)

}

})

})

})

</script>

超链接正确调用javascript函数

将a标签,绑定onclick事件,即可实现需要的功能。

举例HTML代码:

1

<a href="javascript:void(0)" onclick="chaXunCheCi(this.innerHTML)">调用函数</a>

代码解释:

onclick是对a标签进行点击事件绑定。

chaXunCheCi是原来的函数。

this.innerHTML得到链接文字。

注意,如果链接中不是纯文本,而是有其他元素,建议改为this.innerText稳妥一些。