实际应用中,链接可能不是用来跳转到指定的页面,而是当做一个按钮使用。
此时,我们不希望链接跳转,下面就简单介绍一下如何实现此效果:
<!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,会阻止默认动作的执行。
1.《JavaScript 阻止超链接的跳转》援引自互联网,旨在传递更多网络信息知识,仅代表作者本人观点,与本网站无关,侵删请联系页脚下方联系方式。
2.《JavaScript 阻止超链接的跳转》仅供读者参考,本网站未对该内容进行证实,对其原创性、真实性、完整性、及时性不作任何保证。
3.文章转载时请保留本站内容来源地址,https://www.cxvn.com/study/242.html