前端知识点之Javascript选择输入框confirm用法
更新时间：2025年02月27日 09:34:29 作者：*星之卡比*
这篇文章主要介绍了JavaScript中的confirm方法的基本用法、功能特点、注意事项及常见用途,文中通过代码介绍的非常详细,对大家学习或者使用js具有一定的参考借鉴价值,需要的朋友可以参考下
1. 基本用法
let result = confirm(“你是程序员吗”);
confirm 方法会弹出一个对话框，显示指定的消息，并提供两个按钮：
- “确定”：返回 true。
- “取消”：返回 false。
result 将保存用户的选择：
- 用户点击 “确定”，result 为 true。
- 用户点击 “取消”，result 为 false。
2. 功能特点
①阻塞行为：confirm 对话框会阻塞脚本的执行，直到用户作出选择。
②简单交互：主要用于简单的确认操作，不支持自定义样式或多种交互。
③ 示例
例1：确认用户是否删除
if (confirm("Do you really want to delete this item?")) {
console.log("Item deleted.");
} else {
console.log("Action canceled.");
}
例2：配合函数使用
function confirmAction() {
if (confirm("Proceed with this action?")) {
alert("Action confirmed!");
} else {
alert("Action canceled!");
}
}
confirmAction();
3 注意事项
用户体验：confirm 是一种简单但不灵活的方式，不能自定义样式，也无法多样化用户界面。
现代替代方案：
许多现代应用使用自定义模态框代替 confirm，例如通过 HTML 和 CSS 自定义弹窗。
前端框架（如 React、Vue）或者库（如 SweetAlert）提供更丰富的交互组件。
4 常见用途
确认用户在执行关键或破坏性操作前（如删除文件、提交不可逆数据）。
简单地获取用户的二选一决定。
总结
到此这篇关于前端知识点之Javascript选择输入框confirm用法的文章就介绍到这了,更多相关js选择输入框confirm内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
Js浏览器全屏代码（模仿按F11），需要的朋友可以参考下。2011-01-01
下面小编就为大家分享一篇使用JS模拟锚点跳转的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-02-02
JS表格组件BootstrapTable行内编辑解决方案x-editable
这篇文章主要介绍了JS组件系列BootstrapTable行内编辑解决方案：x-editable，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-09-09
这篇文章主要介绍了原生js结合html5制作小飞龙的简易跳球的方法和代码分享，推荐给大家，有需要的小伙伴可以参考下。2015-03-03
这篇文章主要介绍了JS实现日期时间动态显示的方法,涉及JavaScript基于时间函数定时操作页面元素属性的相关技巧,非常简单实用,需要的朋友可以参考下2015-12-12
本文主要介绍Web安全测试之XSS,这里详细整理了测试XSS的资料，并附示例代码和详细讲解，有需要的小伙伴可以参考下2016-08-08
今天小编就为大家分享一篇关于Javascript迭代、递推、穷举、递归常用算法实例讲解，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧2019-02-02
这篇文章主要介绍了微信小程序传值以及获取值方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-04-04
这篇文章主要介绍了如何使用js实现浏览历史记录,需要的朋友可以参考下2014-04-04
本文是脚本之家小编日常整理的关于javascript知识点，包括javascript拥有的特点，组成部分，数据类型等方面，对javascript知识点相关知识感兴趣的朋友一起学习吧2015-12-12
最新评论