javascript实现删除前弹出确认框


Posted in Javascript onJune 04, 2015

需求:用户点击删除按钮时,弹出一个确定框,如果用户点击“确定”执行删除操作,否则不执行

JS代码

function del() {
var msg = "您真的确定要删除吗?\n\n请确认!";
if (confirm(msg)==true){
return true;
}else{
return false;
}
}

html代码

<a href="" onclick="javascript:return del();">删除</a>

方法二:

<!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>确认是否删除</title> 
<script type="text/javascript"> 
function del(){ 
if(!confirm("确认要删除?")){ 
window.event.returnValue = false; 
} 
} 
</script> 
</head> 
<body> 
<a href="http://www.baidu.com" onclick="return del()">删除</a> 
</body> 
</html>

方法三:

<a href="javascript:if(confirm('确实要删除吗?'))location='3water.php?id='">删除</a>

方法四:

<script type="text/javascript" language="javascript"> 
<!-- 
function confirmAct() 
{ 
  if(confirm('确定要执行此操作吗?')) 
  { 
    return true; 
  } 
  return false; 
} 
//-->
</script> 
 
<a href="operate.php?mod=user&act=delete&id=564" onclick="return confirmAct();">执行操作</a>

以上所述就是本文的全部内容了,希望大家能够喜欢。

Javascript 相关文章推荐
JS正则中的RegExp对象对象
Nov 07 Javascript
JQuery解析HTML、JSON和XML实例详解
Mar 29 Javascript
Javascript 绘制 sin 曲线过程附图
Aug 21 Javascript
JQuery中的html()、text()、val()区别示例介绍
Sep 01 Javascript
从数据库读取数据后将其输出成html标签的三种方法
Oct 13 Javascript
JavaScript中的迭代器和生成器详解
Oct 29 Javascript
微信禁止下拉查看URL的处理方法
Sep 28 Javascript
JS验证输入的是否是数字及保留几位小数问题
May 09 Javascript
vue实现微信分享链接添加动态参数的方法
Apr 29 Javascript
Node.js web 应用如何封装到Docker容器中
Sep 01 Javascript
vue form表单post请求结合Servlet实现文件上传功能
Jan 22 Vue.js
浅谈JS的二进制家族
May 09 Javascript
jquery插件validation实现验证身份证号等
Jun 04 #Javascript
JavaScript通过Date-Mask将日期转换成字符串的方法
Jun 04 #Javascript
JavaScript中Number.MIN_VALUE属性的使用示例
Jun 04 #Javascript
JavaScript中Number.MAX_VALUE属性的使用方法
Jun 04 #Javascript
深入理解JavaScript中的对象
Jun 04 #Javascript
详解JavaScript中void语句的使用
Jun 04 #Javascript
用JavaScript实现对话框的教程
Jun 04 #Javascript
You might like
解析thinkphp中的M()与D()方法的区别
2013/06/22 PHP
ThinkPHP上使用多说评论插件的方法
2014/10/31 PHP
PHP Smarty模版简单使用方法
2016/03/30 PHP
PHP 7.4中使用预加载的方法详解
2019/07/08 PHP
Laravel解决nesting level错误和隐藏index.php的问题
2019/10/12 PHP
Javascript &amp; DHTML 实例编程(教程)(三)初级实例篇1—上传文件控件实例
2007/06/02 Javascript
基于jquery的拖动布局插件
2011/11/25 Javascript
Javascript异步编程的4种方法让你写出更出色的程序
2013/01/17 Javascript
JS防止用户多次提交的简单代码
2013/08/01 Javascript
JavaScript 垃圾回收机制分析
2013/10/10 Javascript
JavaScript使用位运算符判断奇数和偶数的方法
2015/06/01 Javascript
jquery实现顶部向右伸缩的导航区域代码
2015/09/02 Javascript
Javascript原型链的原理详解
2016/01/05 Javascript
JavaScipt选取文档元素的方法(推荐)
2016/08/05 Javascript
jQuery为某个div加入行样式
2017/06/09 jQuery
详解用node.js实现简单的反向代理
2017/06/26 Javascript
mint-ui的search组件在键盘显示搜索按钮的实现方法
2017/10/27 Javascript
基于JavaScript实现简单的音频播放功能
2018/01/07 Javascript
从零开始封装自己的自定义Vue组件
2018/10/09 Javascript
node.js爬取中关村的在线电瓶车信息
2018/11/13 Javascript
使用js实现一个简单的滚动条过程解析
2019/09/10 Javascript
vue+elementUI实现简单日历功能
2020/09/24 Javascript
在vant中使用时间选择器和popup弹出层的操作
2020/11/04 Javascript
Python中用Ctrl+C终止多线程程序的问题解决
2013/03/30 Python
Django基础之Model操作步骤(介绍)
2017/05/27 Python
python实现二分查找算法
2017/09/21 Python
Python中的引用知识点总结
2019/05/20 Python
Python数据库小程序源代码
2019/09/15 Python
pip install 使用国内镜像的方法示例
2020/04/03 Python
python多进程使用函数封装实例
2020/05/02 Python
使用keras实现非线性回归(两种加激活函数的方式)
2020/07/05 Python
python和node.js生成当前时间戳的示例
2020/09/29 Python
护理职业应聘自荐书
2013/09/29 职场文书
数控专业大学毕业生职业规划范文
2014/02/06 职场文书
大学生个人年度总结范文
2015/02/15 职场文书
难以忽视的真相观后感
2015/06/05 职场文书