编程 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 相关文章推荐

Ext第一周史上最强学习笔记---GridPanel（基础篇）

Dec 29 Javascript

js 页面执行时间计算代码

Mar 04 Javascript

ExtJS 下拉多选框lovcombo

May 19 Javascript

JQuery AJAX提交中文乱码的解决方案

Jul 02 Javascript

Javascript 函数parseInt()转换时出现bug问题

May 20 Javascript

javascript去除字符串中所有标点符号和提取纯文本的正则

Jun 07 Javascript

JavaScript AJAX之惰性载入函数

Aug 27 Javascript

JavaScript事件学习小结(五）js中事件类型之鼠标事件

Jun 09 Javascript

JavaScript中filter的用法实例分析

Feb 27 Javascript

js中的深浅拷贝问题简析

May 10 Javascript

JS对象属性的检测与获取操作实例分析

Mar 17 Javascript

Vue如何将页面导出成PDF文件

Aug 17 Javascript

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