前端知識(shí)點(diǎn)之Javascript選擇輸入框confirm用法
更新時(shí)間：2025年02月27日 09:34:29 作者：*星之卡比*
這篇文章主要介紹了JavaScript中的confirm方法的基本用法、功能特點(diǎn)、注意事項(xiàng)及常見(jiàn)用途,文中通過(guò)代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用js具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
1. 基本用法
let result = confirm(“你是程序員嗎”);
confirm 方法會(huì)彈出一個(gè)對(duì)話框，顯示指定的消息，并提供兩個(gè)按鈕：
- “確定”：返回 true。
- “取消”：返回 false。
result 將保存用戶的選擇：
- 用戶點(diǎn)擊 “確定”，result 為 true。
- 用戶點(diǎn)擊 “取消”，result 為 false。
2. 功能特點(diǎn)
①阻塞行為：confirm 對(duì)話框會(huì)阻塞腳本的執(zhí)行，直到用戶作出選擇。
②簡(jiǎn)單交互：主要用于簡(jiǎn)單的確認(rèn)操作，不支持自定義樣式或多種交互。
③ 示例
例1：確認(rèn)用戶是否刪除
if (confirm("Do you really want to delete this item?")) {
console.log("Item deleted.");
} else {
console.log("Action canceled.");
}
例2：配合函數(shù)使用
function confirmAction() {
if (confirm("Proceed with this action?")) {
alert("Action confirmed!");
} else {
alert("Action canceled!");
}
}
confirmAction();
3 注意事項(xiàng)
用戶體驗(yàn)：confirm 是一種簡(jiǎn)單但不靈活的方式，不能自定義樣式，也無(wú)法多樣化用戶界面。
現(xiàn)代替代方案：
許多現(xiàn)代應(yīng)用使用自定義模態(tài)框代替 confirm，例如通過(guò) HTML 和 CSS 自定義彈窗。
前端框架（如 React、Vue）或者庫(kù)（如 SweetAlert）提供更豐富的交互組件。
4 常見(jiàn)用途
確認(rèn)用戶在執(zhí)行關(guān)鍵或破壞性操作前（如刪除文件、提交不可逆數(shù)據(jù)）。
簡(jiǎn)單地獲取用戶的二選一決定。
總結(jié)
到此這篇關(guān)于前端知識(shí)點(diǎn)之Javascript選擇輸入框confirm用法的文章就介紹到這了,更多相關(guān)js選擇輸入框confirm內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
Js瀏覽器全屏代碼（模仿按F11），需要的朋友可以參考下。2011-01-01
使用JS模擬錨點(diǎn)跳轉(zhuǎn)的實(shí)例
下面小編就為大家分享一篇使用JS模擬錨點(diǎn)跳轉(zhuǎn)的實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-02-02
JS表格組件BootstrapTable行內(nèi)編輯解決方案x-editable
這篇文章主要介紹了JS組件系列BootstrapTable行內(nèi)編輯解決方案：x-editable，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-09-09
原生js結(jié)合html5制作小飛龍的簡(jiǎn)易跳球
這篇文章主要介紹了原生js結(jié)合html5制作小飛龍的簡(jiǎn)易跳球的方法和代碼分享，推薦給大家，有需要的小伙伴可以參考下。2015-03-03
JS實(shí)現(xiàn)日期時(shí)間動(dòng)態(tài)顯示的方法
這篇文章主要介紹了JS實(shí)現(xiàn)日期時(shí)間動(dòng)態(tài)顯示的方法,涉及JavaScript基于時(shí)間函數(shù)定時(shí)操作頁(yè)面元素屬性的相關(guān)技巧,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下2015-12-12
本文主要介紹Web安全測(cè)試之XSS,這里詳細(xì)整理了測(cè)試XSS的資料，并附示例代碼和詳細(xì)講解，有需要的小伙伴可以參考下2016-08-08
Javascript迭代、遞推、窮舉、遞歸常用算法實(shí)例講解
今天小編就為大家分享一篇關(guān)于Javascript迭代、遞推、窮舉、遞歸常用算法實(shí)例講解，小編覺(jué)得內(nèi)容挺不錯(cuò)的，現(xiàn)在分享給大家，具有很好的參考價(jià)值，需要的朋友一起跟隨小編來(lái)看看吧2019-02-02
這篇文章主要介紹了微信小程序傳值以及獲取值方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
這篇文章主要介紹了如何使用js實(shí)現(xiàn)瀏覽歷史記錄,需要的朋友可以參考下2014-04-04
本文是腳本之家小編日常整理的關(guān)于javascript知識(shí)點(diǎn)，包括javascript擁有的特點(diǎn)，組成部分，數(shù)據(jù)類(lèi)型等方面，對(duì)javascript知識(shí)點(diǎn)相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)吧2015-12-12