Javascript中彈窗confirm與prompt的區(qū)別

更新時間：2018年10月26日 12:03:40 作者：pygodnet

今天小編就為大家分享一篇關于Javascript中彈窗confirm與prompt的區(qū)別，小編覺得內容挺不錯的，現在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧

confirm

使用confirm，瀏覽器可以彈出一個確認框。使用確認消息框可向用戶問一個“是-或-否”問題，并且用戶可以選擇單擊“確定”按鈕或者單擊“取消”按鈕。confirm 方法的返回值為 true 或 false。該消息框也是模式對話框：用戶必須在響應該對話框（單擊一個按鈕）將其關閉后，才能進行下一步操作。

prompt

提示消息框提供了一個文本字段，用戶可以在此字段輸入一個答案來響應您的提示。該消息框有一個“確定”按鈕和一個“取消”按鈕。如果您提供了一個輔助字符串參數，則提示消息框將在文本字段顯示該輔助字符串作為默認響應。與confirm方法類似，prompt 方法也將顯示一個模式消息框，用戶在繼續(xù)操作之前必須先關閉該消息框。點擊確認后，會返回您輸入的結果，可以通過一個變量接收后，進行判斷。

confirm實例：

  document.getElementById('put').onblur=function(){
  //如果輸入的aa彈出對話框
  if(document.getElementById('put').value=='aa'){
    var a = confirm('點擊');
    //如果點擊確定返回值為true
    if(a){
      alert(3333)
    //如果點擊取消返回值為false
    }else{
      alert('999')
 }  }  }

prompt實例：

prompt同confirm類似，但彈出輸出框，if(a),不填為false,if(a==str),當輸入為str時true.與確定取消無關！

    var a = prompt('點擊','xixi');
    if(a ){
      alert(3333)
    }else{
      alert('999')

總結

以上就是這篇文章的全部內容了，希望本文的內容對大家的學習或者工作具有一定的參考學習價值，謝謝大家對腳本之家的支持。如果你想了解更多相關內容請查看下面相關鏈接

您可能感興趣的文章:

JavaScript 對象創(chuàng)建的3種方法
這篇文章主要給大家分享的時JavaScript 對象創(chuàng)建的3種方法,在 JavaScript中，對象是一組有屬性名和屬性值組成的無序集合，對象的創(chuàng)建可以通過對象字面量、new 關鍵字和Object.create()函數來創(chuàng)建。
2021-11-11
echart實現大屏動效示例詳解
這篇文章主要為大家介紹了echart實現大屏動效示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2022-08-08
JavaScript中塊級作用域與函數作用域深入剖析
這篇文章主要為大家介紹了JavaScript中塊級作用域與函數作用域的實現原理深入剖析，
2023-05-05
AntDesignPro使用electron構建桌面應用示例詳解
這篇文章主要為大家介紹了AntDesignPro使用electron構建桌面應用示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2022-10-10
electron?中?webview的使用示例解析
這篇文章主要為大家介紹了electron?中?webview的使用示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2023-02-02
微信公眾號客服接口的開發(fā)實例詳解
這篇文章主要介紹了微信公眾號客服接口的開發(fā)實例詳解的相關資料,需要的朋友可以參考下
2016-09-09
JS作用域作用鏈及this使用原理詳解
這篇文章主要為大家介紹了JS作用域作用鏈及this使用原理詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2022-08-08
在JavaScript實例對象中改寫原型方法詳情
這篇文章主要介紹了在JavaScript實例對象中改寫原型方法的一下相關資料,需要的效果版可以參考一下文章詳細內容，希望對你有所幫助
2021-10-10
微信小程序 progress組件詳解及實例代碼
這篇文章主要介紹了微信小程序 progress組件詳解及實例代碼的相關資料,需要的朋友可以參考下
2016-10-10
Flask中獲取小程序Request數據的兩種方法
這篇文章主要介紹了Flask中獲取小程序Request數據的兩種方法的相關資料,需要的朋友可以參考下
2017-05-05