本文介绍如何使用 JavaScript 阻止超链接的默认跳转行为。通过获取链接元素并绑定点击事件,在事件处理函数中调用自定义的 stopDefault 方法,从而阻止页面跳转并执行其他逻辑。
JavaScript 阻止超链接跳转实现
本文详细介绍一种利用 JavaScript 阻止超链接跳转的具体实现方式,供读者参考学习。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JS阻止链接跳转</title>
</head>
<body>
<div align="center">
<table width="300" height="100" border="0" cellpadding="0" cellspacing="0" bgcolor="#66CCFF">
<tr>
<td align="center"><a href="https://www.jb51.net" id="testLink">点击此链接</a>
<script type="text/javascript">var test = document.getElementById('testLink');
test.onclick = function(e) {
alert('链接地址是:' + this.href + ', 不过不会直接跳转');
stopDefault(e);
}
</script></td>
</tr>
</table>
</div>
</body>
</html>
如需了解更多 JavaScript 相关知识,建议查阅本站的《JavaScript动画特效与技巧汇总》、《javascript面向对象入门教程》以及《JavaScript数据结构与算法技巧总结》等专题内容。
希望上述关于 JavaScript 程序设计的介绍能为您提供帮助。