a 标签调用js 的几种方式

「爱情、让人受尽委屈。」 2021-11-29 05:38 343阅读 0赞

参考: [https://www.cnblogs.com/jiangzhengbin/p/5688278.html][https_www.cnblogs.com_jiangzhengbin_p_5688278.html]

1. <a href="javascript:js\_method();" >test</a>

现在这样调用,很可能会调用不成功,报函数未定义,部分主流浏览器不在执行这个解析

2.<a href="javascript:void(0);"  οnclick="js\_method()">test</a>

这种方法是很多网站最常用的方法，也是最周全的方法，onclick方法负责执行js函数，而void是一个操作符，void(0)返回undefined，地址不发生跳转。而且这种方法不会像第一种方法一样直接将js方法暴露在浏览器的状态栏。

3.<a href="javascript:;" οnclick="js\_method()" >test</a>

这种方法跟跟2种类似，区别只是执行了一条空的js代码。  
4.<a href="\#" οnclick="js\_method()">test</a>

这种方法也是网上很常见的代码，\#是标签内置的一个方法，代表top的作用。所以用这种方法点击后网页后返回到页面的最顶端。

<a href="\#"></a> 如果页面有滚动条 点击后网页后返回到页面的最顶端

5.<a href="\#" οnclick="js\_method();return false;">test</a>

这种方法点击执行了js函数后return false，页面不发生跳转，执行后还是在页面的当前位置。

综合上述，在a中调用js函数最适当的方法推荐使用：  
a href="javascript:void(0);" οnclick="js\_method()"  
a href="javascript:;" οnclick="js\_method()"  
a href="\#" οnclick="js\_method();return false;"

[https_www.cnblogs.com_jiangzhengbin_p_5688278.html]: https://www.cnblogs.com/jiangzhengbin/p/5688278.html

发表评论取消回复

表情：

评论列表（有 0 条评论，343人围观）

还没有评论，来说两句吧...

相关阅读

相关 <a>标签不跳转的几种实现方式

刚刚看了一个实例，需要用到a标签中的href的值，但是不需要跳转，但是这个实例中没有取消href的跳转功能，所以查了下应该怎么实现。 1、onclick事件中返回false

不念不忘少年蓝@/ 2024年02月17日 21:25/ 0 赞/ 41 阅读

相关 HTML a标签打开连接的几种方式

> target属性: 规定在何处打开链接 <table> <thead> <tr> <th align="left">属性</th> <th al

一时失言乱红尘/ 2023年10月05日 18:39/ 0 赞/ 1 阅读

相关分享：Python 调用 JS 的几种方式

转自：[http://www.pinlue.com/article/2020/08/0814/3411118488629.html][http_www.pinlue.com_a

谁借莪１个温暖的怀抱￠/ 2022年12月05日 02:37/ 0 赞/ 147 阅读

相关 html a标签中调用js的几种方法

我们常用的在a标签中有点击事件： 1. a href="javascript:js\_method();" 这种方法在传递this等参数的时候很容易出问题，而且java

电玩女神/ 2022年09月23日 08:49/ 0 赞/ 329 阅读

相关 js请求的几种方式

在某些时候可能需要在js中发起http请求，那么有哪几种请求方式呢？简要记录如下: 1.Jquery中的ajax请求： $.post(url, queryString

刺骨的言语ヽ痛彻心扉/ 2022年08月01日 02:47/ 0 赞/ 294 阅读

相关 a 标签中调用js的几种方法

我们常用的在a标签中有点击事件： 1. a href=”JavaScript:js\_method();” 这是我们平台上常用的方法，但是这种方法在传递this等参数的时

朱雀/ 2022年06月15日 12:23/ 0 赞/ 217 阅读

相关 a标签添加onclick事件的几种方式

我们常用的在a标签中有点击事件： 1. a href="javascript:js\_method();" 这种方法在传递this等参数的时候很容易出问题，而且j

布满荆棘的人生/ 2022年05月12日 02:20/ 0 赞/ 224 阅读

相关 html a标签中调用js的几种方法

我们常用的在a标签中有点击事件： 1. a href="javascript:js\_method();" 这是我们平台上常用的方法，但是这种方法在传递this等参数的

不念不忘少年蓝@/ 2022年03月11日 14:00/ 0 赞/ 408 阅读

相关 a标签中调用js方法

1 . a href=“javascript:void(0);” οnclick=“js\_method()” 这种方法是很多网站最常用的方法，也是最周全的方法，onclic

朴灿烈づ我的快乐病毒、/ 2022年02月13日 08:29/ 0 赞/ 322 阅读

相关 a 标签调用js 的几种方式

参考: [https://www.cnblogs.com/jiangzhengbin/p/5688278.html][https_www.cnblogs.com_jiangzh

「爱情、让人受尽委屈。」/ 2021年11月29日 05:38/ 0 赞/ 344 阅读