给超链接(a标签)加onclick事件
2015-10-20 14:19
253 查看
[javascript] view
plaincopy
<a onclick="alert('1')">超链接1</a><br>
<a href="#" onclick="alert('2')">超链接2</a>
<br>
<a href="javascript:alert('3')">超链接3</a>
第1个超链接中,没有设置href属性,因此,从中看起来好像只是一行文字,并且鼠标放在上面的时候,也不会显示小手的形状。因此,很难让用户知道这是一个可以点击的超链接。但是如果用户单击了该超链接,会弹出一个警告框,而且单击警告框中的【确定】按钮之后,不会跳转到任何URL上。
第2个超链接中,href属性值为"#",如果单击该超链接,先会执行onclick属性值中的JavaScript,弹出一个警告框。在单击警告框中的【确定】按钮之后,浏览器会自动跳转到当前网页的顶部。
第3个超链接中,直接将JavaScript语句写在href属性值中。在单击该超链接时,可以执行href属性值中的JavaScript语句,而且不会有任何跳转。
plaincopy
<a onclick="alert('1')">超链接1</a><br>
<a href="#" onclick="alert('2')">超链接2</a>
<br>
<a href="javascript:alert('3')">超链接3</a>
第1个超链接中,没有设置href属性,因此,从中看起来好像只是一行文字,并且鼠标放在上面的时候,也不会显示小手的形状。因此,很难让用户知道这是一个可以点击的超链接。但是如果用户单击了该超链接,会弹出一个警告框,而且单击警告框中的【确定】按钮之后,不会跳转到任何URL上。
第2个超链接中,href属性值为"#",如果单击该超链接,先会执行onclick属性值中的JavaScript,弹出一个警告框。在单击警告框中的【确定】按钮之后,浏览器会自动跳转到当前网页的顶部。
第3个超链接中,直接将JavaScript语句写在href属性值中。在单击该超链接时,可以执行href属性值中的JavaScript语句,而且不会有任何跳转。
相关文章推荐
- ORACLE 超长字符串问题的解决办法
- 《C++并发编程实战》读书笔记2---在线程间共享数据
- Understanding SCSI Sense
- PHP Yii框架过滤器用法详解
- Graphic 矢量图形的区域填充与缠绕规则
- 关于多人协同开发时,程序组成的问题
- 使用Grunt构建自动化开发环境
- c#提取word文档中的图片
- jQuery 中bind(),live(),delegate(),on() 区别
- 仿QQ侧滑菜单
- java 里面的string 和byte[] 互转
- 数学还勉强管用,用代码还能画个canvas 仪表盘(含完整代码)
- gcc 使用中常用的参数及命令
- 数学还勉强管用,用代码还能画个canvas 仪表盘(含完整代码)
- 典型崩溃问题集锦
- 51nod 1384 全排列 (回溯||STL)
- 关于epoll
- Eclipse Class Decompiler——Java反编译插件
- PowerDesigner name和code取消同步
- JNI 之二 :java & c/c++ 相互通信及调用