JavaScript 阻止超链接的跳转

乐分享主编 2019-11-18 182 阅读

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

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.cxvn.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.cxvn.com">乐分享</a></div>
</body>
</html>

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

最新游戏