前端知識點之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 對話框會阻塞腳本的執(zhí)行，直到用戶作出選擇。
②簡單交互：主要用于簡單的確認操作，不支持自定義樣式或多種交互。
③ 示例
例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 是一種簡單但不靈活的方式，不能自定義樣式，也無法多樣化用戶界面。
現代替代方案：
許多現代應用使用自定義模態(tài)框代替 confirm，例如通過 HTML 和 CSS 自定義彈窗。
前端框架（如 React、Vue）或者庫（如 SweetAlert）提供更豐富的交互組件。
4 常見用途
確認用戶在執(zhí)行關鍵或破壞性操作前（如刪除文件、提交不可逆數據）。
簡單地獲取用戶的二選一決定。
總結
到此這篇關于前端知識點之Javascript選擇輸入框confirm用法的文章就介紹到這了,更多相關js選擇輸入框confirm內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
下面小編就為大家分享一篇php 解壓zip壓縮包內容到指定目錄的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-01-01
JavaScript 特有方法計算二進制中1的個數 split方法
這是一道網上看到的前端的筆試題，主要思想是利用JavaScript的toString方法將十進制數轉換為二進制的字符串。然后for循環(huán)遍歷計算字符串中”1″出現的次數。2010-05-05
click方法可以用來模擬用戶點擊。有的瀏覽器中所有元素都具有click方法，有的瀏覽器則沒有。2011-07-07
在項目開發(fā)過程中遇到一個需要從小程序上傳圖片的需求,此需求實現起來并不難,下面這篇文章主要給大家介紹了關于微信小程序開發(fā)指南之圖片壓縮解決方案的相關資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-08-08
有時候我們在使用Canvas繪制一段文本時，會需要通過measureText()方法獲取文本的寬度，本文主要介紹了在小程序Canvas中使用measureText的方法示例，需要的朋友可以參考下2018-10-10
JavaScript創(chuàng)建對象的方式小結(4種方式)
這篇文章主要介紹了JavaScript創(chuàng)建對象的方式,結合實例形式總結分析了四種創(chuàng)建對象的方式,并附帶分析了JavaScript對象復制的技巧,需要的朋友可以參考下2015-12-12
pdf.js是mozilla出品的一款PDF文件閱讀的開源js庫,這篇文章主要介紹了Pdf.js使用與雙指縮放功能實現的相關資料,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2026-02-02
本文主要介紹了折疊菜單及選擇器的運用。具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02
由于誤操作比較多，有時沒有選中文本框，然后不小心按了退格之后，剛剛辛苦填好的表單就什么也后退的沒有了，針對這個問題，本文給出了詳細的解決方法，需要朋友不要錯過2013-11-11
arrayToJson將數組轉化為json格式的js代碼，需要的朋友可以參考下。2010-10-10