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 相关文章推荐
javascript offsetX与layerX区别
Mar 12 Javascript
Jquery.TreeView结合ASP.Net和数据库生成菜单导航条
Aug 27 Javascript
在JS中最常看到切最容易迷惑的语法(转)
Oct 29 Javascript
javascript中用星号表示预录入内容的实现代码
Jan 08 Javascript
jQuery插件原来如此简单 jQuery插件的机制及实战
Feb 07 Javascript
jQuery截取指定长度字符串的实现原理及代码
Jul 01 Javascript
js实现class样式的修改、添加及删除的方法
Jan 20 Javascript
JavaScript实现点击文本自动定位到下拉框选中操作
Jun 15 Javascript
Webpack中雪碧图插件使用详解
May 25 Javascript
简述vue状态管理模式之vuex
Aug 29 Javascript
微信小程序获取用户openid的实现
Dec 24 Javascript
vuex中store存储store.commit和store.dispatch的用法
Jul 24 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
在php中取得image按钮传递的name值
2006/10/09 PHP
PHP与MySQL开发中页面出现乱码的一种解决方法
2007/07/29 PHP
PHP限制HTML内容中图片必须是本站的方法
2015/06/16 PHP
详解php中反射的应用
2016/03/15 PHP
PHP PDOStatement::setAttribute讲解
2019/02/01 PHP
PHP+ajax实现上传、删除、修改单张图片及后台处理逻辑操作详解
2020/02/12 PHP
js和jquery使按钮失效为不可用状态的方法
2014/01/26 Javascript
用jquery的方法制作一个简单的导航栏
2014/06/23 Javascript
JS实现自适应高度表单文本框的方法
2015/02/25 Javascript
JavaScript获取页面中表单(form)数量的方法
2015/04/03 Javascript
javascript中eval和with用法实例总结
2015/11/30 Javascript
静态页面实现 include 引入公用代码的示例
2017/09/25 Javascript
webpack实用小功能介绍
2018/01/02 Javascript
Node错误处理笔记之挖坑系列教程
2018/06/05 Javascript
原生实现一个react-redux的代码示例
2018/06/08 Javascript
解决layui数据表格table的横向滚动条显示问题
2019/09/04 Javascript
Python使用自带的ConfigParser模块读写ini配置文件
2016/06/26 Python
Python图像处理之直线和曲线的拟合与绘制【curve_fit()应用】
2018/12/26 Python
python matplotlib画图库学习绘制常用的图
2019/03/19 Python
python 处理微信对账单数据的实例代码
2019/07/19 Python
Python图像处理库PIL的ImageDraw模块介绍详解
2020/02/26 Python
使用Python+selenium实现第一个自动化测试脚本
2020/03/17 Python
Python基于codecs模块实现文件读写案例解析
2020/05/11 Python
Python pickle模块常用方法代码实例
2020/10/10 Python
scrapy-splash简单使用详解
2021/02/21 Python
HTML5地理定位与第三方工具百度地图的应用
2016/11/17 HTML / CSS
HTML5之消息通知的使用(Web Notification)
2018/10/30 HTML / CSS
JACK & JONES英国官方网站:欧洲领先的男装生产商
2017/09/27 全球购物
介绍下Java的输入输出流
2014/01/22 面试题
幼儿园家长会欢迎词
2014/01/09 职场文书
技校毕业生个人学习的自我评价
2014/02/21 职场文书
数学检讨书1000字
2014/02/24 职场文书
2014年小学教师工作总结
2014/11/10 职场文书
校园文化艺术节开幕词
2016/03/04 职场文书
《鲁班学艺》读后感3篇
2019/11/27 职场文书
pycharm debug 断点调试心得分享
2021/04/16 Python