html中a标签的href和onclick一些说明

此处对HTML中a标签的各种写法,做一些说明:

<a onclick="javascript:;">哈哈</a>

如上写法没有写href,带来的问题是,当鼠标移上去时,光标不会变成小手指,无法表现为一个超链接。 当然如果是设计成一个可以编辑文本块,点击后变成一个编辑框,那么这种写法恰到好处。

<a href="#" onclick="javascript:;">哈哈</a>

如上写法实际是有一个锚点链接,当点击后,实际是进行了一次跳转,大多数时候这并不是我们想要的。

<a href="javascript:;" onclick="alert('haha');">哈哈</a>

实际是使用了一个javascript空语句来替代跳转,但据说这样写在IE上跟动画在一起,有很多的副作用,所以不推荐。

<a href="#" onclick="javascript:alert('haha'); return false;">哈哈</a>

上面的写法是比较推荐的,由于onclick会在href之前执行,如果onclick返回false,href的值不会被使用。

发表于 2015年05月13日 19:16   评论:0   阅读:2518  



回到顶部

首页 | 关于我 | 关于本站 | 站内留言 | rss
python logo   django logo   tornado logo