<a>标签三种超链接方式

<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语句,而且不会有任何跳转。

posted on 2015-10-09 14:40  静以修身!  阅读(492)  评论(0编辑  收藏  举报

导航