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

来源:互联网 发布:ubuntu mysql 重启 编辑:程序博客网 时间:2024/05/16 00:30

a标签定义超链接,用于从一张页面链接到另一张页面,它最重要的属性是 href 属性,它指示链接的目标。

<a href="http://www.w3school.com.cn">W3School</a>

最常用的就像这样添加一个链接,如果是点击事件的话,建议用下面的写法

<a href="javascript:void(0);" onclick="js_method()"></a>

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

另外我还常见到下面这种写法

<a href="#" onclick="js_method();"></a>  

href=”#”表示回到最顶部。如果当前页面中需要滚动的话,那么用这种方式就可以直接回到顶部。比如有些网站会在右下角制作一个图标按钮,回到顶部,那么此时可以考虑用这种最简单的方式实现。不需要滚动的话,还是不要这么写的好,防止页面跳动。

原创粉丝点击