JavaScript中怎样点击超链接后执行一个函数并且把超链接的文本作为函数的参数传递？

Posted 2023-04-13

如题。
比如我有这样的一个超链接：
<a href="此处需添加内容">538路</a>
然后有个函数：
//此函数用来查询公交车次详情
function chaXunCheCi(checi)
此处内容省略......


我的想法是，点击这个超链接，触发函数，而且把代表超链接的那个字符串作为函数的参数。请问怎样实现？先谢谢大家百忙之中能抽出时间帮助！

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

具体html代码：

<a href="javascript:void(0)" onclick="chaXunCheCi(this.innerHTML)">538路</a>

代码解释：

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

chaXunCheCi是原来的函数。

this.innerHTML得到链接文字。

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

参考技术A <a href="javascript:void(0)" onclick="chaXunCheCi(this.innerHTML)">538路</a>
<script>
function chaXunCheCi(checi)
alert(checi)//checi就是你要传进来的参数
//略...

</script>
是这个意思吗追问

是这个意思。
在这里alert的是“538路”。我先改一下代码。

不行。

追答

哪里不行？你要在这里实现什么功能？

追问

是这样的。我是动态创建的一个超链接。那里面具体的，我不会写了。求指导。。

追答

function chaXunCheCi(checi)
var url = "checi="+checi;//这里拼接你的链接地址（我这里随便写的看你自己需求拼接目标地址）
window.location.href = url;//这里就是跳转到你指定的地址

本回答被提问者和网友采纳

点击超链接不跳转,不刷新页面

本文转载自：http://heisetoufa.iteye.com/blog/1766957

让超链接点击后不跳转,可以用href = "#"，但是这个#就会锚点到页面最上边 
    点击链接后不跳转可以设置成 
    1.<a href="javascript:void(0);" >javascript:void(0);</a> 
    2.<a href="javascript:;" >javascript:;</a> 
    3.<a href="" onclick="return false;">return false;</a>     
    4.<a href="#" onclick="return false;">return false;</a> 
    5.<a href="##" >##</a> 
    6.<a href="####" >####</a>     
    7.<a href="#all" >#all</a> 
    如果想点击超链接调用js方法的话可以设置成 
    1.<a href="javascript:void(0)" onclick="jsFun()">jsFun</a> 
    2.<a href="#" onclick="jsFun();return false;">jsFun();return false;</a>                
    3.<a href="#" onclick="alert(1);event.returnValue=false;">alert(1);event.returnValue=false;</a> 

    1.javascript:void(0)不建议使用 
    2.链接（href）直接使用javascript:void(0)在IE中可能会引起一些问题，比如：造成gif动画停止播放等，所以，最安全的办法还  是使用“####”。为防止点击链接后跳转到页首，onclick事件return false即可。 
    3.如果仅仅是想鼠标移过，变成手形，可以使用 
    <span style="cursor:pointer" onclick="jsFun()">手型!</span>