首页  >  文章  >  web前端  >  a链接如何执行js的方法总结(附代码)

a链接如何执行js的方法总结(附代码)

不言
不言原创
2018-08-23 17:04:412351浏览

本篇文章给大家带来的内容是关于a链接如何执行js的方法总结(附代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

目的:禁止跳转,直接执行a链接绑定的函数

href="javascript:;",其中javascript:是伪协议,它可以让我们通过一个链接来调用javascript函数.而采用这个方式 javascript:;可以实现A标签的点击事件运行时,如果页面内容很多,有滚动条时,页面不会乱跳,用户体验更好

1:直接执行

<a href="javascript:a()&#39;;">  //直接执行函数a不推荐

 2:不跳转执行 推荐

<a href="javascript:void(0);" onclick=&#39;a()&#39;>   //不发生跳转直接执行函数a 推荐

3:同上   推荐

<a href="javascript:;" onclick=&#39;a()&#39;>       //执行了一条空的js代码 推荐

4:空的锚点

<a href="#" onclick=&#39;a()&#39;>   
//#表示top用这种方法点击后网页后返回到页面的最顶端。

5:同上,不返回到页面顶端  推荐

<a href="#" onclick=&#39;a()&#39; return false;>    //触发事件但不跳转  推荐

 相关推荐:


以上是a链接如何执行js的方法总结(附代码)的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn