javascript實現刪除前彈出確認框

2024-05-06 16:21:22

字體：大中小

來源：轉載

供稿：網友

刪除確認對話框的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">



</script>

<a href="operate.php?mod=user&act=delete&id=564" onclick="return confirmAct();">執行操作</a>