何实现点击链接不跳转效果:
超链接<a>原本作用就是为了实现网页跳转的，但是某些情况下，会希望当点击链接的时候并不产生跳转效果，而是在满足一定条件下再进行跳转。下面就介绍一下实现此效果的方法:
为超链接绑定onclick事件处理函数，然后返回false，代码如下:
<script type="text/javascript">
window.onload=function(){
var mylink=document.getElementById("mylink");
mylink.onclick=function(){
alert("我是不会跳转的");
return false;
}
}
</script>
</head>
<body>
<a href="http://www.softwhy.com" id="mylink">蚂蚁部落</a>
</body>
</body>
</html>
以上代码当点击链接的时候也不会出现链接跳转现象，原因是在函数中添加了return false;，它也可以取消都事件的默认行为，具体可以参阅JavaScript中return false的作用是什么 章节。绑定上述事件也可以使用下面更为简单的方式:
<a href="http://www.softwhy.com">蚂蚁部落</a>
以上也可以阻止链接跳转。
原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=7949
更多内容可以参阅:http://www.softwhy.com/javascript/
时间： 2024-10-09 19:48:45