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

朱雀 2022-06-15 12:23 231阅读 0赞

我们常用的在a标签中有点击事件：  
**1. a href=”JavaScript:js\_method();”**

这是我们平台上常用的方法，但是这种方法在传递this等参数的时候很容易出问题，而且javascript:协议作为a的href属性的时候不仅会导致不必要的触发window.onbeforeunload事件，在IE里面更会使gif动画图片停止播放。W3C标准不推荐在href里面执行javascript语句

**2. a href=”javascript:void(0);” οnclick=”js\_method()”**

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

**3.a href=”javascript:;” οnclick=”js\_method()”**

这种方法跟跟2种类似，区别只是执行了一条空的js代码。

**4.a href=”\#” οnclick=”js\_method()”**

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

**5.a href=”\#” οnclick=”js\_method();return false;”**

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

我看了下taobao的主页，他们采用的是第2种方法，而alibaba的主页是采用的第1种方法，和我们的区别是每个href里的javascript方法都用try、catch包围。

--------------------

综合上述，在a中调用js函数最适当的方法推荐使用：

>  *  a href=”javascript:void(0);” οnclick=”js\_method()”
>  *  a href=”javascript:;” οnclick=”js\_method()”
>  *  a href=”\#” οnclick=”js\_method();return false;”

js的方法中 字符串型要加引号

发表评论取消回复

表情：

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

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

相关阅读

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

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

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

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

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

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

相关 <a>标签中的href如何调用js代码

在HTML中，<a>标签的href属性用于指定超链接的目标的URL。在所有浏览器中，链接的默认外观是：未被访问的链接带有下划线而且是蓝色的已被访问的链

落日映苍穹つ/ 2022年05月19日 08:17/ 0 赞/ 314 阅读

相关阻止a标签默认行为的几种简单方法

以下简单总结以下a标签阻止默认行为的几种简单方法，希望可以对有需要的朋友有些帮助， (1) <a href="javascript:void(0);" οnclick

爱被打了一巴掌/ 2022年05月18日 03:49/ 0 赞/ 566 阅读

相关 a标签中写js的方法

<a>标签中写js通过控制return的返回值来阻止提交 <a href="editBeneficiaryStatus.do?action=editBeneficia

r囧r小猫/ 2022年04月12日 06:53/ 0 赞/ 444 阅读

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

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

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

相关 a标签中调用js方法

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

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

相关 a标签中href=""的几种用法

原文地址：[https://blog.csdn.net/u010297791/article/details/52784879][https_blog.csdn.net_u01

女爷i/ 2022年01月27日 00:43/ 0 赞/ 685 阅读

相关记录 a 标签js事件中拼接参数和字符串的几种情况

在工作中，好多功能都需要在页面写个js事件在a标签或者button按钮，当然加个参数也是非常合理正常的需求。但是每次拼接这个参数的时候确实得麻烦一下，要么拼错，要么老是把参

「爱情、让人受尽委屈。」/ 2021年12月05日 15:51/ 0 赞/ 134 阅读

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

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

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