我们常用的在a标签中有点击事件

转载 2012年03月31日 13:01:59

我们常用的在a标签中有点击事件:
1. a href="javascript:js_method();"

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

2. a href="javascript:void(0);" onclick="js_method()"

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

3.a href="javascript:;" onclick="js_method()"

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

4.a href="#" onclick="js_method()"

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

5.a href="#" onclick="js_method();return false;"

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

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

综合上述,在a中调用js函数最适当的方法推荐使用:
a href="javascript:void(0);" onclick="js_method()"
a href="javascript:;" onclick="js_method()"
a href="#" onclick="js_method();return false;"

a标签绑定点击事件

a标签既可以跳转,也可以绑定点击事件,可以将href设为javascript:void(0) 其中javascript表示伪协议,void(0)表示不执行动作,实际上就是不跳转的意思 然后给a像普通标...
  • b2997215859
  • b2997215859
  • 2016年03月23日 19:23
  • 26761

html中如何实现a标签的点击事件

a标签定义超链接,用于从一张页面链接到另一张页面,它最重要的属性是 href 属性,它指示链接的目标。W3School最常用的就像这样添加一个链接,如果是点击事件的话,建议用下面的写法这种方法是很多网...
  • shiyong1949
  • shiyong1949
  • 2017年06月14日 14:03
  • 1583

a标签中有点击事件

我们常用的在a标签中有点击事件: 1. a href="javascript:js_method();" 这是我们平台上常用的方法,但是这种方法在传递this等参数的时候很容易出问题,而且ja...
  • C_mihoo
  • C_mihoo
  • 2013年12月09日 09:35
  • 1522

a标签中有点击事件禁止跳转

a href="javascript:void(0);" onclick="js_method()" a href="javascript:;" onclick="js_method()" a hre...
  • moxiehutou
  • moxiehutou
  • 2016年07月20日 23:38
  • 357

jquery+javascript触发a标签的点击事件

在Jquery里触发click事件是$.click()就可以触发标签的点击事件,但是该事件去a标签没用 于是尝试了原生态的document.getElementById("bt").onclick()...
  • qq_26744901
  • qq_26744901
  • 2015年10月21日 19:53
  • 22552

给a标签添加点击事件却无效

整理笔记,看到一个bug,代码大意如下: Document div { width: 100px; he...
  • xsp_Login
  • xsp_Login
  • 2015年07月02日 12:38
  • 4580

<a>标签中 href 和 onclick 的区别,以及href="javascript:xxx(this);"与onclick="xxx(this);" 传递this参数的区别

标签中href属性动作和onclick事件的区别,以及href="javascript:xxx(this);"与onclick="xxx(this);" 传递this参数的区别 ...
  • chenchunlin526
  • chenchunlin526
  • 2017年08月18日 00:06
  • 1727

a标签常用的点击事件方法

1. a href="javascript:js_method();"这是我们平台上常用的方法,但是这种方法在传递this等参数的时候很容易出问题,而且javascript:协议作为a的href属性的...
  • qq_29856871
  • qq_29856871
  • 2017年07月19日 17:02
  • 84

给html的<a>标签添加点击事件

我们常用的在a标签中有点击事件: 1. a href="javascript:js_method();" 这是我们平台上常用的方法,但是这种方法在传递this等参数的时候很容易出问题,而且java...
  • u010670689
  • u010670689
  • 2014年11月19日 11:09
  • 4763

a标签中有点击(onclick)事件

我们常用的在a标签中有点击事件: 1. a href="javascript:js_method();"
  • Cheung1021
  • Cheung1021
  • 2014年08月08日 16:40
  • 5020
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:我们常用的在a标签中有点击事件
举报原因:
原因补充:

(最多只允许输入30个字)