html中如何实现a标签的点击事件
2017-06-14 14:03
246 查看
a标签定义超链接,用于从一张页面链接到另一张页面,它最重要的属性是 href 属性,它指示链接的目标。
最常用的就像这样添加一个链接,如果是点击事件的话,建议用下面的写法
这种方法是很多网站最常用的方法,也是最周全的方法,onclick方法负责执行js函数,而void是一个操作符,void(0)返回undefined,地址不发生跳转。而且这种方法不会直接将js方法暴露在浏览器的状态栏。
另外我还常见到下面这种写法
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=”#”表示回到最顶部。如果当前页面中需要滚动的话,那么用这种方式就可以直接回到顶部。比如有些网站会在右下角制作一个图标按钮,回到顶部,那么此时可以考虑用这种最简单的方式实现。不需要滚动的话,还是不要这么写的好,防止页面跳动。
相关文章推荐
- HTML--如何实现通过鼠标事件拖动页面图像(代码)
- 复选框点击事件(如何实现立即勾选或去选)
- 2014.04.04实现 模拟a标签的点击事件
- 如何给html元素的onclick事件传递参数(即如何获取html标签的data-*属性)
- android基础之如何实现触屏监听和鼠标点击事件
- HTML--如何实现通过鼠标事件拖动页面图像(代码)
- 在页面中,我们经常看到,一个button按钮,如果属标点击,就会触发一个窗口的显示,如果二次点击并可以隐藏,那么如何通过JAVA配合html来实现这一功能呢?
- jquery如何改变html标签的样式(两种实现方法)
- 使用jQuery 模拟鼠标点击a标签事件 实现定位
- Flex 如何实现按钮之间的切换,按钮点击事件
- Flex如何实现鼠标点击事件穿透功能
- onTouch 事件与onClick事件发生冲突,如何在onTouch事件中实现点击事件
- [Javascript]如何在HTML中实现点击input输入框(获得焦点)后默认提示消失的效果
- jquery如何改变html标签的样式(两种实现方法)
- HTML--如何实现通过鼠标事件拖动页面图像(代码)
- 在js循环中如何给a标签的点击事件的方法参数赋值有效
- C++实现WebBrowser控件中对鼠标点击事件的监听,并获取所点击标签的超链接
- 如何点击a标签实现弹出input file上传文件对话框
- android textview 如何实现像新浪微博@用户的点击事件
- HTML <area> 标签实现带有可点击区域的图像映射