javascript实现删除前弹出确认框

 更新时间:2015年06月04日 17:46:23   投稿:hebedich  
删除确认对话框的JS代码,有好几种写法,有简单的,有兼容好的,下面分别说几种方法,可根据自己需要选用

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

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='jb51.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>

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

相关文章

  • 利用JS轻松实现获取表单数据

    利用JS轻松实现获取表单数据

    本文主要介绍了利用JS轻松实现获取表单数据。方法有别于原始的做法,大家可以试着找原始做法与本文所说方法之间的区别。有兴趣的朋友可以看下,希望对大家有所帮助
    2016-12-12
  • 基于HTML+JS实现简单的年龄计算器

    基于HTML+JS实现简单的年龄计算器

    JavaScript提供了一些内置的日期和时间函数,有助于从日期(出生日期)开始计算年龄。本文主要介绍了使用这些JavaScript方法,制作一个简单的年龄计算器,快来跟随小编一起学习学习吧
    2021-12-12
  • 前端MQTT详细使用的两种方法

    前端MQTT详细使用的两种方法

    MQTT(消息队列遥测传输协议),是一种基于发布/订阅(publish/subscribe)模式的通讯协议,该协议构建于TCP/IP协议上,这篇文章主要给大家介绍了关于前端MQTT详细使用的两种方法,需要的朋友可以参考下
    2024-07-07
  • JavaScript实现谷歌浏览器插件开发的方法详解

    JavaScript实现谷歌浏览器插件开发的方法详解

    对于浏览器插件相信大家都不陌生,谁的浏览器不装几个好用的插件呢,更是有油猴这个强大的神器。所以本文就来用JavaScript开发一个谷歌浏览器插件,感兴趣的小伙伴可以了解一下
    2022-11-11
  • js模式化窗口问题![window.dialogArguments]

    js模式化窗口问题![window.dialogArguments]

    这篇文章主要介绍了js模式化窗口问题![window.dialogArguments],需要的朋友可以参考下
    2016-10-10
  • ECMAScript 数据类型之Number类型

    ECMAScript 数据类型之Number类型

    这篇文章主要介绍了 ECMAScript 数据类型之Number类型,Number类型使用IEEE 754格式表示整数和浮点值,更多相关内容请需要的小伙伴参考下面文章内容
    2022-06-06
  • How to Auto Include a Javascript File

    How to Auto Include a Javascript File

    How to Auto Include a Javascript File...
    2007-02-02
  • 使用JS和canvas实现gif动图的停止和播放代码

    使用JS和canvas实现gif动图的停止和播放代码

    这篇文章主要介绍了使用JS和canvas实现gif动图的停止和播放代码,非常具有实用价值,需要的朋友可以参考下
    2017-09-09
  • el-date-picker 限制开始时间和结束时间的代码实现

    el-date-picker 限制开始时间和结束时间的代码实现

    在Vue.js中使用Element UI库的el-date-picker组件时,可以通过设置picker-options来限制开始时间和结束时间的选择范围,下面通过例子介绍el-date-picker 限制开始时间和结束时间的实现,感兴趣的朋友一起看看吧
    2024-08-08
  • JS清除选择内容的方法

    JS清除选择内容的方法

    这篇文章主要介绍了JS清除选择内容的方法,较为详细的分析了js操作文本的技巧,需要的朋友可以参考下
    2015-01-01

最新评论