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程序设计有所帮助。

Javascript 相关文章推荐
JS和函数式语言的三特性
Mar 05 Javascript
jQuery简单实现网页选项卡特效
Nov 24 Javascript
js+jquery实现图片裁剪功能
Jan 02 Javascript
jquery validate和jquery form 插件组合实现验证表单后AJAX提交
Aug 26 Javascript
JavaScript_ECMA5数组新特性详解
Jun 12 Javascript
jQuery插件 Jqplot图表实例
Jun 18 Javascript
解析JavaScript中的字符串类型与字符编码支持
Jun 24 Javascript
javascript实现根据汉字获取简拼
Sep 25 Javascript
vue+vuex+axios+echarts画一个动态更新的中国地图的方法
Dec 19 Javascript
解决vue组件中click事件失效的问题
Nov 09 Javascript
返回上一个url并刷新界面的js代码
Sep 12 Javascript
详解ES6 扩展运算符的使用与注意事项
Nov 12 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
You might like
Mysql数据库操作类( 1127版,提供源码下载 )
2010/12/02 PHP
discuz加密解密函数使用方法和中文注释
2014/01/21 PHP
如何使用GDB调试PHP程序
2015/12/08 PHP
jMessageBox 基于jQuery的窗口插件
2009/12/09 Javascript
简单的JavaScript互斥锁分享
2014/02/02 Javascript
jquery代码实现多选、不同分享功能
2015/07/31 Javascript
JS实现不规则TAB选项卡效果代码
2015/09/16 Javascript
JavaScript如何动态创建table表格
2020/08/02 Javascript
jQuery插件datatables使用教程
2016/04/21 Javascript
javascript作用域、作用域链(菜鸟必看)
2016/06/16 Javascript
AngularJS 模型详细介绍及实例代码
2016/07/27 Javascript
深入浅析JS是按值传递还是按引用传递(推荐)
2016/09/18 Javascript
js 实现获取name 相同的页面元素并循环遍历的方法
2017/02/14 Javascript
微信小程序制作表格的方法
2019/02/14 Javascript
javascript中的闭包概念与用法实践分析
2019/07/26 Javascript
使用JavaScript计算前一天和后一天的思路详解
2019/12/20 Javascript
JS内置对象和Math对象知识点详解
2020/04/03 Javascript
JS数组转字符串实现方法解析
2020/09/04 Javascript
python文件比较示例分享
2014/01/10 Python
Python装饰器入门学习教程(九步学习)
2016/01/28 Python
Python判断一个文件夹内哪些文件是图片的实例
2018/12/07 Python
python判断自身是否正在运行的方法
2019/08/08 Python
通过实例了解Python str()和repr()的区别
2020/01/17 Python
Python中的wordcloud库安装问题及解决方法
2020/05/27 Python
python获取整个网页源码的方法
2020/08/03 Python
基于python判断字符串括号是否闭合{}[]()
2020/09/21 Python
pandas使用函数批量处理数据(map、apply、applymap)
2020/11/27 Python
Kaufmann Mercantile官网:家居装饰、配件、户外及更多
2018/09/28 全球购物
小学中秋节活动方案
2014/02/06 职场文书
员工晚婚的请假条
2014/02/08 职场文书
邮政竞聘演讲稿
2014/09/03 职场文书
公司新人试用期自我评价
2014/09/17 职场文书
2015秋季小学开学寄语
2015/05/27 职场文书
讲座新闻稿
2015/07/18 职场文书
中国式结婚:司仪主持词(范文)
2019/07/25 职场文书
使用vue-element-admin框架从后端动态获取菜单功能的实现
2021/04/29 Vue.js