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 相关文章推荐
jQuery 点击图片跳转上一张或下一张功能的实现代码
Mar 12 Javascript
JQUERY对单选框(radio)操作的小例子
Apr 25 Javascript
jquery选择器大全 全面详解jquery选择器
Mar 06 Javascript
2014 年最热门的21款JavaScript框架推荐
Dec 25 Javascript
基于javascript实现tab切换特效
Mar 29 Javascript
详解AngularJS 模块化
Jun 14 Javascript
React-Native做一个文本输入框组件的实现代码
Aug 10 Javascript
浅谈Koa2框架利用CORS完成跨域ajax请求
Mar 06 Javascript
Vue.js实现的表格增加删除demo示例
May 22 Javascript
vue 点击按钮增加一行的方法
Sep 07 Javascript
three.js实现炫酷的全景3D重力感应
Dec 30 Javascript
JS实现水平移动与垂直移动动画
Dec 19 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
thinkphp连贯操作实例分析
2014/11/22 PHP
推荐10个提供免费PHP脚本下载的网站
2014/12/31 PHP
详解PHP实现执行定时任务
2015/12/21 PHP
php处理多图上传压缩代码功能
2018/06/13 PHP
PHP实现带进度条的Ajax文件上传功能示例
2019/07/02 PHP
让广告代码不再影响你的网页加载速度
2006/07/07 Javascript
javascript 验证日期的函数
2010/03/18 Javascript
event.X和event.clientX的区别分析
2011/10/06 Javascript
javascript判断iphone/android手机横竖屏模式的函数
2011/12/20 Javascript
JavaScript中函数声明优先于变量声明的实例分析
2012/03/01 Javascript
jquery load事件(callback/data)使用方法及注意事项
2013/02/06 Javascript
jQuery实现ctrl+enter(回车)提交表单
2015/10/19 Javascript
微信小程序request出现400的问题解决办法
2017/05/23 Javascript
微信小程序获取手机系统信息的方法【附源码下载】
2017/12/07 Javascript
vue项目中axios使用详解
2018/02/07 Javascript
JS中实现隐藏部分姓名或者电话号码的代码
2018/07/17 Javascript
对angularJs中controller控制器scope父子集作用域的实例讲解
2018/10/08 Javascript
JavaScript ES6箭头函数使用指南
2018/12/30 Javascript
基于Koa(nodejs框架)对json文件进行增删改查的示例代码
2019/02/02 NodeJs
layer弹出框确定前验证:弹出消息框的方法(弹出两个layer)
2019/09/21 Javascript
JavaScript 浏览器对象模型BOM原理与常见用法实例分析
2019/12/16 Javascript
python 迭代器和iter()函数详解及实例
2017/03/21 Python
python先序遍历二叉树问题
2017/11/10 Python
Python重新加载模块的实现方法
2018/10/16 Python
Python实现堡垒机模式下远程命令执行操作示例
2019/05/09 Python
python 命令行传入参数实现解析
2019/08/30 Python
python GUI库图形界面开发之PyQt5布局控件QHBoxLayout详细使用方法与实例
2020/03/06 Python
Django模型中字段属性choice使用说明
2020/03/30 Python
canvas 下载二维码和图片加水印的方法
2018/03/21 HTML / CSS
HTML5 Blob对象的具体使用
2020/05/22 HTML / CSS
优秀毕业生推荐信
2013/11/02 职场文书
新学期开学寄语
2014/01/18 职场文书
给幼儿园老师的表扬信
2014/01/19 职场文书
敬老院标语
2014/06/27 职场文书
慰问信范文
2015/02/14 职场文书
Nginx+SpringBoot实现负载均衡的示例
2021/03/31 Servers