你的位置:首页 > Java教程

[Java教程]如何实现点击链接不跳转效果


何实现点击链接不跳转效果:
超链接<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/