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 html()等方法介绍
Nov 18 Javascript
jquery预加载图片的方法
May 27 Javascript
深入学习jQuery Validate表单验证(二)
Jan 18 Javascript
JQuery 两种方法解决刚创建的元素遍历不到的问题
Apr 13 Javascript
关于HTML5的data-*自定义属性的总结
May 05 Javascript
Vue-不允许嵌套式的渲染方法
Sep 13 Javascript
JS实现动态添加外部js、css到head标签的方法
Jun 05 Javascript
原生js无缝轮播插件使用详解
Mar 09 Javascript
jQuery弹框插件使用方法详解
May 26 jQuery
vue实现编辑器键盘抬起时内容跟随光标距顶位置向上滚动效果
May 28 Javascript
Postman动态获取返回值过程详解
Jun 30 Javascript
vue使用echarts画组织结构图
Feb 06 Vue.js
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嵌套输出缓冲代码实例
2015/05/12 PHP
PHP substr()函数参数解释及用法讲解
2017/11/23 PHP
CMSPRESS 10行代码搞定 PHP无限级分类2
2018/03/30 PHP
PHP面向对象程序设计之对象的遍历操作示例
2019/06/12 PHP
js实现的常用的左侧导航效果
2013/10/17 Javascript
jQuery中trigger()方法用法实例
2015/01/19 Javascript
JS实现超炫网页烟花动画效果的方法
2015/03/02 Javascript
JS实现自动阅读单词(有道单词本添加功能)
2016/11/14 Javascript
vue2.0开发实践总结之疑难篇
2016/12/07 Javascript
详解Js中的模块化是如何实现的
2017/10/18 Javascript
JavaScript基于面向对象实现的猜拳游戏
2018/01/03 Javascript
对Vue.js之事件的绑定(v-on: 或者 @ )详解
2018/09/15 Javascript
vue cli使用融云实现聊天功能的实例代码
2019/04/19 Javascript
Python使用PyGreSQL操作PostgreSQL数据库教程
2014/07/30 Python
基于Python实现的微信好友数据分析
2018/02/26 Python
使用anaconda的pip安装第三方python包的操作步骤
2018/06/11 Python
基于Python+Appium实现京东双十一自动领金币功能
2019/10/31 Python
Python通过VGG16模型实现图像风格转换操作详解
2020/01/16 Python
pytorch实现seq2seq时对loss进行mask的方式
2020/02/18 Python
Python下使用Trackbar实现绘图板
2020/10/27 Python
纯CSS3实现滚动的齿轮动画效果
2014/06/05 HTML / CSS
HTML5标签小集
2011/08/02 HTML / CSS
如何使用amaze ui的分页样式封装一个通用的JS分页控件
2020/08/21 HTML / CSS
西班牙床垫网上商店:Colchones.es
2018/05/06 全球购物
大学生村官承诺书
2014/03/28 职场文书
企业宣传标语
2014/06/09 职场文书
应聘教师求职信
2014/07/19 职场文书
2014年世界艾滋病日宣传活动总结
2014/11/18 职场文书
2014年人力资源工作总结
2014/11/19 职场文书
初中作文评语集锦
2014/12/25 职场文书
2015年师德师风承诺书
2015/01/22 职场文书
库房管理员岗位职责
2015/02/12 职场文书
老公婚前保证书
2015/02/28 职场文书
《酸的和甜的》教学反思
2016/02/18 职场文书
投资入股协议书
2016/03/22 职场文书
SpringBoot+VUE实现数据表格的实战
2021/08/02 Java/Android