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 相关文章推荐
jquery 实现上下滚动效果示例代码
Aug 09 Javascript
extjs中form与grid交互数据(record)的方法
Aug 29 Javascript
js日期联动示例
May 02 Javascript
浅谈jQuery.easyui的datebox格式化时间
Jun 25 Javascript
js实现简单的省市县三级联动效果实例
Feb 18 Javascript
JS中的eval 为什么加括号
Apr 13 Javascript
JavaScript必知必会(六) delete in instanceof
Jun 08 Javascript
JavaScript正则表达式实例详解
Oct 16 Javascript
使用vue.js2.0 + ElementUI开发后台管理系统详细教程(二)
Jan 21 Javascript
Vuex之理解Store的用法
Apr 19 Javascript
浅谈vuejs实现数据驱动视图原理
Feb 23 Javascript
webpack 最佳配置指北(推荐)
Jan 07 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
NT IIS下用ODBC连接数据库
2006/10/09 PHP
php中XMLHttpRequest(Ajax)不能设置自定义的Referer的解决方法
2011/11/26 PHP
php的zip解压缩类pclzip使用示例
2014/03/14 PHP
php导入模块文件分享
2015/03/17 PHP
cakephp常见知识点汇总
2017/02/24 PHP
php操作redis常见方法示例【key与value操作】
2020/04/14 PHP
jquery ui resizable bug解决方法
2010/10/26 Javascript
js获取或设置当前窗口url参数的小例子
2013/10/14 Javascript
js识别不同浏览器基于userAgent做判断
2014/07/29 Javascript
妙用Angularjs实现表格按指定列排序
2017/06/23 Javascript
vue自定义指令directive实例详解
2018/01/17 Javascript
详解vue.js根据不同环境(正式、测试)打包到不同目录
2018/07/13 Javascript
webstrom Debug 调试vue项目的方法步骤
2018/07/17 Javascript
Vue学习笔记之计算属性与侦听器用法
2019/12/07 Javascript
jquery实现图片无缝滚动 蒙版遮蔽效果
2020/01/11 jQuery
js与jquery获取input输入框中的值实例讲解
2020/02/27 jQuery
js实现电灯开关效果
2021/01/19 Javascript
Python中的日期时间处理详解
2016/11/17 Python
Python操作word常见方法示例【win32com与docx模块】
2018/07/17 Python
详解Python 正则表达式模块
2018/11/05 Python
浅谈Scrapy网络爬虫框架的工作原理和数据采集
2019/02/07 Python
详解DeBug Python神级工具PySnooper
2019/07/03 Python
python 实现在一张图中绘制一个小的子图方法
2019/07/07 Python
python利用JMeter测试Tornado的多线程
2020/01/12 Python
python对Excel的读取的示例代码
2020/02/14 Python
经济学人订阅:The Economist
2018/07/19 全球购物
印度手工编织服装和家居用品商店:Fabindi
2019/10/07 全球购物
银行实习生的自我评价
2013/12/09 职场文书
2014年单位法制宣传日活动总结
2014/11/01 职场文书
故宫的导游词
2015/01/31 职场文书
2016年学校“3.12”植树节活动总结
2016/03/16 职场文书
浅谈:电影《孔子》观后感(范文)
2019/10/14 职场文书
JS实现简单控制视频播放倍速的实例代码
2021/04/18 Javascript
详解Redis在SpringBoot工程中的综合应用
2021/10/16 Redis
JavaScript高级程序设计之基本引用类型
2021/11/17 Javascript
Python可变集合和不可变集合的构造方法大全
2021/12/06 Python