4.6 为删除功能按钮添加确认提醒

一般情况下，删除操作都是一种风险比较大的行为，所以设计人员一般都会为删除功能添加上一个再次确认提醒的功能。在HTML DOM对象中定义有一个Window（窗体）对象，该对象中定义了一个confirm()方法，用于显示一个带有指定消息并带有OK按钮及取消按钮的对话框（一般称为确认对话框）。

下面介绍一个JavaScript通过confirm()方法为删除按钮添加确认提醒功能的代码实例。

关于【代码4-5】的说明：

● 第13行代码通过<button id="id-btn-confirm">标签定义一个按钮，用于删除第14行代码定义的<p>标签中的内容。

● 第17～21行代码为<button id="id-btn-confirm">标签定义了onclick单击事件处理方法。其中，第18～20行代码通过判断调用confirm()方法的返回值让用户选择是否执行删除操作。

下面使用Firefox浏览器运行测试该HTML网页，具体效果如图4.5所示。

图4.5 JavaScript为删除功能按钮添加确认提醒

如图4.5中箭头所示，当用户按下“删除按钮”后，页面中会先弹出一个确认框，然后根据用户的选择确认是否删除内容。