如何用标签调用js

阳光穿透心脏的1/2处 2024-03-31 08:10 59阅读 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;"

来源：[https://www.weidianyuedu.com][https_www.weidianyuedu.com]

[https_www.weidianyuedu.com]: https://www.weidianyuedu.com

发表评论取消回复

表情：

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

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

相关阅读

相关如何用标签调用js

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

阳光穿透心脏的1/2处/ 2024年03月31日 08:10/ 0 赞/ 60 阅读

相关 Python 如何调用 JS 呢

![f50ed667a22b9913722ef73409b9bdff.jpeg][] 1. 前言日常 Web 端[爬虫][Link 1]过程中，经常会遇到参数被加密的

我就是我/ 2024年03月26日 18:33/ 0 赞/ 75 阅读

相关如何用JS获取页面上的所有标签

　　最近忙的一匹，忙着大保健，都来不及写博客，今天特意抽出点时间来写一写　　前两天看到一个题，是问如何从页面上获取所有的标签的并查看他们的数量，感觉还是有点意思的，所以给大

╰半橙微兮°/ 2023年06月05日 05:50/ 0 赞/ 19 阅读

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

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

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

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

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

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

相关 phpcmsV9常用标签调用大全

1、基本标签： {thumb($r[thumb],110,0)} //缩略图，loop是info的时候用 {thumb($v[thumb

清疚/ 2022年04月24日 06:16/ 0 赞/ 229 阅读

相关 js如何用正则获取a标签的内容

<script type="text/javascript"> function pp(){ var re=/<a[^>]hre

桃扇骨/ 2022年02月26日 07:44/ 0 赞/ 786 阅读

相关 dedecms常用标签调用大全

一、模板文件命名规范：（１）index\_识别ID.htm：板块（栏目封面）模板；（２）list\_识别ID.htm：栏目列表模板；（３）article\_识

怼烎@/ 2022年02月18日 12:47/ 0 赞/ 250 阅读

相关 a标签中调用js方法

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

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

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

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

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