JS实现点击链接取消跳转效果的方法


Posted in Javascript onJanuary 24, 2014
<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"> 
<meta name="author" content="https://3water.com/" /> 
<title>三水点靠木</title> 
<script type="text/javascript"> 
window.onload=function() 
{ 
  var olink=document.getElementById("link"); 
  olink.onclick=function() 
  { 
    if(confirm("是否删除?")){alert("文件被删除");} 
    return false; 
  } 
} 
</script> 
</head> 
<body> 
<a href="#" id="link">是否删除</a> 
</body> 
</html>

以上代码实现了我们的要求,链接只会当做一个普通按钮使用,这里主要是在链接的点击事件中使用return false语句,它可以取消链接的默认动作

Javascript 相关文章推荐
用示例说明filter()与find()的用法以及children()与find()的区别分析
Apr 26 Javascript
Extjs单独定义各组件的实例代码
Jun 25 Javascript
Jquery多选框互相内容交换的实例代码
Jul 04 Javascript
jquery map方法使用示例
Apr 23 Javascript
js动态往表格的td中添加图片并注册事件
Jun 12 Javascript
Vue响应式添加、修改数组和对象的值
Mar 20 Javascript
karma+webpack搭建vue单元测试环境的方法示例
May 24 Javascript
学习jQuery中的noConflict()用法
Sep 28 jQuery
vue实现todolist功能、todolist组件拆分及todolist的删除功能
Apr 11 Javascript
如何基于vue-cli3.0构建功能完善的移动端架子
Apr 24 Javascript
javascript绘制简单钟表效果
Apr 07 Javascript
一起深入理解js中的事件对象
Feb 06 Javascript
js关于字符长度限制的问题示例探讨
Jan 24 #Javascript
JS方法调用括号的问题探讨
Jan 24 #Javascript
Array栈方法和队列方法的特点说明
Jan 24 #Javascript
js sort 二维数组排序的用法小结
Jan 24 #Javascript
js二维数组排序的简单示例代码
Jan 24 #Javascript
js中数组(Array)的排序(sort)注意事项说明
Jan 24 #Javascript
Array 重排序方法和操作方法的简单实例
Jan 24 #Javascript
You might like
php预定义常量
2006/12/25 PHP
PHP利用APC模块实现文件上传进度条的方法
2015/01/26 PHP
Zend Framework入门教程之Zend_Config组件用法详解
2016/12/09 PHP
php 多个变量指向同一个引用($b = &amp;$a)用法分析
2019/11/13 PHP
iframe自适应宽度、高度 ie6 7 8,firefox 3.86下测试通过
2010/07/29 Javascript
JavaScript 函数参数是传值(byVal)还是传址(byRef) 分享
2013/07/02 Javascript
如何使用jquery修改css中带有!important的样式属性
2016/04/28 Javascript
聊一聊JS中this的指向问题
2016/06/17 Javascript
一种基于浏览器的自动小票机打印实现方案(js版)
2016/07/26 Javascript
微信小程序 摇一摇抽奖简单实例实现代码
2017/01/09 Javascript
使用jQuery卸载全部事件的思路详解
2017/04/03 jQuery
vue中axios处理http发送请求的示例(Post和get)
2017/10/13 Javascript
详解webpack多页面配置记录
2018/01/22 Javascript
vue加载完成后的回调函数方法
2018/09/07 Javascript
angular 实现下拉列表组件的示例代码
2019/03/09 Javascript
简单了解Ajax表单序列化的实现方法
2019/06/14 Javascript
详解在vue-cli3.0中自定css、js和图片的打包路径
2019/08/26 Javascript
vue实现的多页面项目如何优化打包的步骤详解
2020/07/19 Javascript
[01:05:52]DOTA2-DPC中国联赛 正赛 Ehome vs Aster BO3 第一场 2月2日
2021/03/11 DOTA
Mac OS X10.9安装的Python2.7升级Python3.3步骤详解
2013/12/04 Python
使用C#配合ArcGIS Engine进行地理信息系统开发
2016/02/19 Python
python的staticmethod与classmethod实现实例代码
2018/02/11 Python
Python浅复制中对象生存周期实例分析
2018/04/02 Python
Python中矩阵创建和矩阵运算方法
2018/08/04 Python
python入门:这篇文章带你直接学会python
2018/09/14 Python
Java如何基于wsimport调用wcf接口
2020/06/17 Python
浅谈Python3中print函数的换行
2020/08/05 Python
使用python将微信image下.dat文件解密为.png的方法
2020/11/30 Python
Tostadora意大利:定制T恤
2019/04/08 全球购物
Java如何格式化日期
2012/08/07 面试题
高级销售求职信
2014/02/21 职场文书
团日活动总结书
2014/05/08 职场文书
大学新生入学教育方案
2014/05/16 职场文书
给老师的一封感谢信
2015/01/20 职场文书
电影建党伟业观后感
2015/06/01 职场文书
springboot用户数据修改的详细实现
2022/04/06 Java/Android