编程 Javascript

javascript禁止超链接跳转的方法

Posted in Javascript onFebruary 02, 2016

本文实例讲述了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://3water.com" 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程序设计有所帮助。

- Author -

皮蛋

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

JavaScript DOM 学习第七章表单的扩展

Feb 19 Javascript

javascript forEach通用循环遍历方法

Oct 11 Javascript

用jQuery模拟页面加载进度条的实现代码

Dec 19 Javascript

JS实现屏蔽shift，Ctrl，alt等功能键的方法

Jun 01 Javascript

JavaScript省市区三级联动菜单效果

Sep 21 Javascript

Javascript 闭包详解及实例代码

Nov 30 Javascript

利用浮层使select不可选的实现方法

Dec 03 Javascript

一道面试题引发的对javascript类型转换的思考

Mar 06 Javascript

详解微信小程序设置底部导航栏目方法

Jun 29 Javascript

jquery实现联想词搜索框和搜索结果分页的示例

Oct 10 jQuery

Vue表单之v-model绑定下拉列表功能

May 14 Javascript

VUE项目实现主题切换的多种方法

Nov 26 Vue.js

JS组件Bootstrap Table使用方法详解

Feb 02 #Javascript

Node.js实现JS文件合并小工具

Feb 02 #Javascript

体验jQuery和AngularJS的不同点及AngularJS的迷人之处

Feb 02 #Javascript

JavaScript通过代码调用Flash显示的方法

Feb 02 #Javascript

AngularJS中$interval的用法详解

Feb 02 #Javascript

AngularJS中处理多个promise的方式

Feb 02 #Javascript

AngularJS数据源的多种获取方式汇总

Feb 02 #Javascript