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 相关文章推荐
实例:尽可能写友好的Javascript代码
Oct 09 Javascript
Js event事件在IE、FF兼容性问题
Jan 01 Javascript
jQuery拖拽插件gridster使用指南
Apr 21 Javascript
javascript编写贪吃蛇游戏
Jul 07 Javascript
基于AngularJS实现页面滚动到底自动加载数据的功能
Oct 16 Javascript
JavaScript正则表达式exec/g实现多次循环用法示例
Jan 17 Javascript
js 颜色选择插件
Jan 23 Javascript
微信小程序仿微信运动步数排行(交互)
Jul 13 Javascript
在Node.js中将SVG图像转换为PNG,JPEG,TIFF,WEBP和HEIF格式的方法
Aug 22 Javascript
微信小程序页面间传递数组对象方法解析
Nov 06 Javascript
mapboxgl区划标签避让不遮盖实现的代码详解
Jul 01 Javascript
详解javascript脚本何时会被执行
Feb 05 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
《星际争霸2》终章已出 RTS时代宣告终结
2017/02/07 星际争霸
什么是调频(FM)、调幅(AM)、短波(SW)、长波(LW)
2021/03/01 无线电
PHP 网页过期时间的控制代码
2009/06/29 PHP
PHP判断搜索引擎蜘蛛并自动记忆到文件的代码
2012/02/04 PHP
PHP多个文件上传到服务器实例
2014/10/29 PHP
PHP编写RESTful接口的方法
2016/02/21 PHP
thinkPHP模板引擎用法示例
2016/12/08 PHP
PHP查找一列有序数组是否包含某值的方法
2020/02/07 PHP
jQuery-ui中自动完成实现方法
2010/06/10 Javascript
jQuery的运行机制和设计理念分析
2011/04/05 Javascript
JavaScript中的this关键字介绍与使用实例
2013/06/21 Javascript
javascript日期对象格式化为字符串的实现方法
2014/01/14 Javascript
js实现iPhone界面风格的单选框和复选框按钮实例
2015/08/18 Javascript
总结jQuery插件开发中的一些要点
2016/05/16 Javascript
JQuery Dialog对话框 不能通过Esc关闭的原因分析及解决办法
2017/01/18 Javascript
Node接收电子邮件的实例代码
2017/07/21 Javascript
基于JS递归函数细化认识及实用实例(推荐)
2017/08/07 Javascript
详解nuxt 微信公众号支付遇到的问题与解决
2019/08/26 Javascript
javascript 原型与原型链的理解及实例分析
2019/11/23 Javascript
微信小程序淘宝首页双排图片布局排版代码(推荐)
2020/10/29 Javascript
[08:56]DOTA2-DPC中国联赛2月23日Recap集锦
2021/03/11 DOTA
Python编程之微信推送模板消息功能示例
2017/08/21 Python
Windows下的Python 3.6.1的下载与安装图文详解(适合32位和64位)
2018/02/21 Python
Python破解BiliBili滑块验证码的思路详解(完美避开人机识别)
2020/02/17 Python
详解Python中pyautogui库的最全使用方法
2020/04/01 Python
使用CSS实现阅读进度条
2017/02/27 HTML / CSS
将HTML5 Canvas的内容保存为图片借助toDataURL实现
2013/05/20 HTML / CSS
中国跨境在线时尚零售商:Bellelily
2018/04/06 全球购物
什么是网络协议
2016/04/07 面试题
新闻专业大学生找工作的自我评价
2013/10/30 职场文书
金融管理专业毕业生求职信
2014/03/12 职场文书
我的中国梦演讲稿小学篇
2014/08/19 职场文书
2016大学军训通讯稿
2015/11/25 职场文书
2016七一建党节慰问信
2015/11/30 职场文书
入伍志愿书怎么写?
2019/07/19 职场文书
感恩信:写给爸爸妈妈的一封感谢信
2019/09/12 职场文书