本文主要分享一篇关于HtmlA标签中href和onclick的用法、区别和优先级的文章，有很好的参考价值，有需要了解的朋友可以看看

如果没有设置href属性，它将不会响应IE6下的悬停。双击后会选择标签的父容器，而不是这个A标签(IE下存在这个问题)。

代码如下

ahref=' javascirpt : fn(this)' aon click=' fn(this)'

假设我们有一个fn方法，需要得到这个元素。个方法传入的为空。

所以，比较推荐的写法是

代码如下

ahref=' JavaScript : void(0)' onclick=' fn(this)'

下面代码执行subgo()函数，

代码如下

a href=' JavaScript : void(0)' onclick=' subgo()'单击我/a

这里JavaScript 3: void(0)没有实际效果，只是死链接，执行的函数是subgo()。

代码如下

a href=' http://blog.163.com/WB _赵雨薇/博客/#' onclick=' subgo ()' point me /a与a href=' JavaScript 3360 void(0)' onclick=' subgo()' point me/a不同。

实际上，#包含一个位置信息，默认的锚点是#top，是网页的顶部，而javascript:void(0)只表示一个死链接，没有任何信息。因此，调用脚本时更好使用void(0)

一般href指的是一个URL地址，也可以调用javascript，比如href=' JavaScript 3: xx()；'建议在文档中这样写：

代码如下

ahref=' http://www . JB 51 . net/中兴/U880/JavaScript : void(0)' onclick=' XXX()；'xx/a

然而，这种方法有时会在复杂的环境中产生奇怪的问题。尽量不要用javascript:作为A的href属性，这样不仅会不必要地触发window.onbeforeunload事件，还会停止IE中的gif动画图片。

我们知道首先执行链接的onclick事件，然后是href属性下的动作(页面跳转，或者javascript伪链接)。如果不想执行href属性下的动作，onclick需要返回false，一般写成onclick=' XXX()；returnfalse'。

TabPane的JS源代码，因为onclick不返回FALSE，所以在IFRMAE中关闭TABPANE时会导致href执行，页面出现问题。解决方案是使用TAB将下面的代码复制到JSP中。

HtmlA标记中href和onclick使用的问题的优先级

1份订单

Ie6:href先触发onclick，再触发

其他浏览器在触发href之前触发onlick

2href='javascript:xxx()'

你不能把这个当作论据

Onclick罐

代码如下

ahref=' JavaScript : alert(' hrefevent ')；'onclick=' click event(this)；'

3优先级触发方法如果返回false，则不会触发后一个事件

例如

代码如下

ahref=' JavaScript : alert(' hrefevent ')；'onclick=' click event(this)；returnfalse'

四

Ahref='# '使页面导航到书签位置。

五

出于1和4的原因

当ie6下有ahref='# '和onclick时，浏览器会丢弃onclick事件，因为页面会因为href而重新加载一次。

6摘要：

1)当不需要将此作为方法的参数时，建议

仅使用href='JavaScript: '

2)如果需要使用此参数，建议使用

代码如下

ahref=' JavaScript : void(0)；'onclick='doSomthing(this)'

如下面一栏。

我们需要A在次和第二次点击时访问href，然后在第三次点击后访问另一个地址

代码如下

varhref=0

功能点击a(obj)

{

if(href==2)

{

obj.href='http://www.baidu.com？QC '；

}else

{

href

}

returntrue

}

a href=' http://www.jb51.net/'target=_ blank id=' showa ' onclick=' click a(this)'打开屏幕并高速下载/a

在href中使用javascript和A标签的onclick的区别

首先执行链接的onclick事件，然后是href属性下的动作(页面跳转，或者javascript伪链接)；

假设链接中同时存在href和onclick，如果不执行href属性下的操作，onclick必须得到一个false返回值。不信可以在goGoogle函数中注释掉returnfalse

如果页面太长并且有滚动条，并且您希望通过链接的onclick事件执行操作。其href属性应设置为JavaScript : void(0)；而不是#，可以防止不必要的跳页；

如果在链接的href属性中调用了一个带有返回值的函数，则当前页面的内容将被该函数的返回值替换；

按住Shift键时会有所不同。

我今天遇到的问题是在IE6.0中无法访问href形式的parentNode。

尽量不要用javascript:协议作为A的href属性，这样不仅会不必要地触发window.onbeforeunload事件，还会停止IE中的gif动画图片。

仅此而已。我花了很多时间在上面。

[原因]

使用CheckBoxList控件时，希望实现在每个复选框后添加链接的功能。除了某些功能，您还应该选择复选框。

代码如下

input type=' checkbox ' name=' chk ' id=' chk '

Labelfor='chk '选择它a onclick=' this。parentnode。单击()；'href=' http://luwenxiang 1990 . blog . 163.com/blog/# ' style=' border : solid 1 pxblue；'[标签中的链接]/a/标签

最后通过parentNode实现。

本文转载自中文网站