JavaScript 阻止超链接的跳转

实际应用中，链接可能不是用来跳转到指定的页面，而是当做一个按钮使用。
此时，我们不希望链接跳转，下面就简单介绍一下如何实现此效果：

[ 其他 ] 运行代码下载代码

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.51qianduan.com/" />
<title>JavaScript 阻止超链接的跳转</title>
<script>
window.onload=function(){
  var olink=document.getElementsByTagName("a")[0];
  olink.onclick=function(){
    return false
  }
}
</script>
</head>
<body>
<div>点击链接之后，并没有跳转</div>
<div><a href="http://www.51qianduan.com">51前端</a></div>
</body>
</html>

虽然点击了链接，但是不能够跳转，因为当点击链接的时候，返回false，会阻止默认动作的执行。

代码描述：JavaScript 阻止超链接跳转。JavaScript 阻止超链接的跳转

下载全部收藏

176 235

用户评论

大牛，别默默的看了，快登录帮我点评一下吧！:) 登录 | 注册

月映东窗

作品：41 | 粉丝：21

关注

TA的相关作品 >>更多

热搜关键词