JavaScript点击链接不跳转实例代码

链接是用来跳转用的，比如跳转到某一个指定的页面，有时候我们只想点击链接相应一些事件，并不想要跳转效果，下面就简单介绍一下如何实现此效果，先看一段代码实例:

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

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.51qianduan.com/" />
<title>51前端</title>
<body style="padding-top:1000px;"> 
<a href="#">51前端</a>
</body>  
</html>

有些朋友可能会想到，将href属性值设置为#号，这样就不会跳转到其他页面，但是还是在本页中有跳转效果，上面的代码在点击之后依然有跳转效果，所以这种方法不能够满足我们的需要，代码修改如下:

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

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.51qianduan.com/" />
<title>51前端</title>
<body style="padding-top:1000px;"> 
<a href="javascript:void(0)">51前端</a>
</body>  
</html>

代码描述：JavaScript点击链接不跳转。JavaScript点击链接不跳转实例代码

下载全部收藏

198 263

用户评论

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