JavaScript confirm 实现操作前确认框的方法

JavaScript confirm 实现操作前确认框的方法

本文详细介绍在 JavaScript 中利用 confirm 方法在执行操作前弹出确认对话框的实现方式，供开发者参考。

在执行删除或其他敏感操作前，通常需要一个确认提示。最基础且常用的方法是调用 JavaScript 内置的 confirm 函数。

以下是几种简单的实现方式：

在鼠标点击事件中嵌入 confirm 逻辑。

<a href="#" onclick= "if(confirm( '是否确定！ ')==false)return false; ">点击确定</a>

如果需要更简洁的调用方式，可以采用以下写法：

<a href="#" onclick= "return confirm('是否确定');">点击确定</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>

使用方法说明： 对于未绑定链接的元素，可通过添加 onclick="return confirmAct();" 来引入确认逻辑。 例如：

<span onclick="return confirmAct();">点击我试一下</span>

希望本文提供的基于 JavaScript 的 Web 程序设计技巧对大家有所帮助。