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

jQuery学习笔记之DOM对象和jQuery对象

Dec 22 Javascript

js中将具有数字属性名的对象转换为数组

Mar 06 Javascript

jQuery EasyUI API 中文文档 - Menu菜单

Oct 03 Javascript

YUI模块开发原理详解

Nov 18 Javascript

js获取和设置属性的方法

Feb 20 Javascript

AngularJS初始化过程分析(引导程序)

Dec 06 Javascript

JavaScript 学习笔记之操作符（续）

Jan 14 Javascript

JavaScript设置body高度为浏览器高度的方法

Feb 09 Javascript

jQuery中slideUp 和 slideDown 的点击事件

Feb 26 Javascript

jQuery简单操作cookie的插件实例

Jan 13 Javascript

JavaScript使用原型和原型链实现对象继承的方法详解

Apr 05 Javascript

js实现弹窗猜数字游戏

Nov 26 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