今天在看到前端页面的代码时突发奇想,html中的a标签能加点击事件么。于是就动手测试了一下。
<a onclick="alert('1')">超链接1</a><br>
<a href="#" onclick="alert('2')">超链接2</a>
<a href="javascript:alert('3')">超链接3</a>
第一行代码中中,因为没有设置href属性,所以用户单击了该超链接,会弹出一个警告框,而且单击警告框中的【确定】按钮之后,不会跳转到任何URL上。同时这个超链接看起来好像只是一行文字,并且鼠标放在上面的时候,也不会显示小手的形状。
第二行代码中,href属性值为"#",如果单击该超链接,先会执行onclick属性值中的JavaScript代码,弹出一个警告框。在单击警告框中的【确定】按钮之后,浏览器会自动跳转到当前网页的顶部。
第三行代码中,直接将JavaScript语句写在href属性值中。在单击该超链接时,可以执行href属性值中的JavaScript语句,而且不会有任何跳转。