您的位置:首页 > 其它

给超链接(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语句,而且不会有任何跳转。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: