a href= 超链接里使用onclick事件 不跳转的方法
直接将JavaScript语句写在href属性值中。在单击第3个超链接时,可以执行href属性值中的JavaScript语句,不会有任何跳转
<a onclick="alert('您单击了第1个超链接')">第1个超链接</a><br>
<a href="#" onclick="alert('您单击了第2个超链接')">第2个超链接</a>
<a href="javascript:alert('您单击了第3个超链接')">第3个超链接</a>
如果超链接里使用onclick事件,加上href='javascript:void(0);'这句,否则会出现一些问题,eg:ie8不能触发onclick,等一系列问题
<a href="javascript:void(0);" onclick="alert('您单击了第4个超链接')">>第4个超链接</a>
第1个链接,鼠标放在上面的时候,也不会显示小手的形状。因此,很难让用户知道这是一个可以点击的超链接。但是如果用户单击了该超链接,会弹出一个警告框,而且单击警告框中的【确定】按钮之后,不会跳转到任何URL上。
第2个超链接中,href属性值为"#",如果单击该超链接,先会执行onclick属性值中的JavaScript,弹出一个警告框。在单击警告框中的【确定】按钮之后,浏览器会自动跳转到当前网页的顶部