您的位置:首页 > Web前端 > HTML

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

2017-06-14 14:03 246 查看
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=”#”表示回到最顶部。如果当前页面中需要滚动的话,那么用这种方式就可以直接回到顶部。比如有些网站会在右下角制作一个图标按钮,回到顶部,那么此时可以考虑用这种最简单的方式实现。不需要滚动的话,还是不要这么写的好,防止页面跳动。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐