编程 Javascript

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实现删除前弹出确认框

- Author -

hebedich

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

Gird组件 Part-3:范例RSSFeed Viewer

Mar 10 Javascript

jquery 跨域访问问题解决方法(笔记)

Jun 08 Javascript

js setTimeout opener的用法示例详解

Oct 23 Javascript

JavaScript的常见兼容问题及相关解决方法(chrome/IE/firefox)

Dec 31 Javascript

在JS中操作时间之getUTCMilliseconds()方法的使用

Jun 10 Javascript

整理JavaScript创建对象的八种方法

Nov 03 Javascript

js省市县三级联动效果实例

Apr 15 Javascript

JCrop+ajaxUpload 图像切割上传的实例代码

Jul 20 Javascript

webpack中的热刷新与热加载的区别

Apr 09 Javascript

详解Vue+Element的动态表单，动态表格（后端发送配置，前端动态生成）

Apr 20 Javascript

详解微信小程序自定义组件的实现及数据交互

Jul 22 Javascript

jQuery提示框插件SweetAlert用法分析

Aug 05 jQuery

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