js的三種彈出框(alert、confirm、prompt)簡單介紹

2021-03-02 小遷不禿頭

1、alert()

alert是HTML DOM 中用到的一種腳本語言,它的中文意思是"提醒"。它是JavaScript或VBscript腳本語言中窗口window對象的一個常用方法;其主要用法就是在你自己定義了一定的函數以後,通過執行相應的操作,所彈出對話框的語言。並且alert對話框通常用於一些對用戶的提示信息。  alert 方法有一個參數,就是用戶想彈出的內容,彈出框很簡單,就一個顯示功能。你可以點擊確認關閉這個彈出框。
  例如:alert(「hello woorld!」);
  
2、confirm()
  這個方法要求用戶選擇。有確認有返回。confirm 方法的返回值為 true 或 false。
  例如:var flag = confirm(「你快樂麼?」);
  點擊確定,flag的值為true;點擊取消則為false;
  
3、prompt()
  這個彈出框相對於上面兩個彈出框來說,智能化又高了,你可以直接在這個彈出框裡面回復。下面先上圖:
  例如:var kouling = prompt(「口令:」);
  
  如果你輸入的是:123456
  點擊確定之後kouling 的值為:123456。如果你點擊了取消,那麼kouling 的值為null。


  內容很簡單,就這麼一點東西,還是一句話,只有最合適的技術,沒有最好的技術。

相關焦點

  • WebForm 控制項事件中彈出confirm對話框
    在後臺的按鈕或者其他事件中,根據相應的邏輯需要彈出一個用戶確認的對話框,供用戶來決定是否繼續執行還是終止往下的動作。多方查找,網友hanaxia2007給出的方案解決了我的問題。具體實現方式是:1,在*.aspx前臺頁面中添加一個ASP HiddenField隱藏控制項,用於存儲用戶在confirm對話框中操作返回的(true or false值)。
  • 你能徹底區分開JavaScript中的警告框、確認框和提示框嗎?
    ,則可以使用警告框來實現,警告框使用window.alert()方法來實現。顯示帶有一段消息和一個確認按鈕的警告框。如下是一段完整的Html+JavaScript代碼段,用於彈出警告框的:<!確認框確認框在JavaScript中,使用confirm()方法表示,顯示帶有一段消息以及確認按鈕和取消按鈕的對話框。注意:confirm()會返回一個布爾類型的值,如果返回的值為true,則表示用戶點擊了「確定」按鈕,否則點擊了「取消」或關閉按鈕。
  • 瀏覽器中的三種對話框,與兩種計時器
    一、window對象1對話框在window對象中,一共有三種對話框:①警示框:window.alert()alert,警示的意思,這個昨天就提到過。②提示框:window.prompt();prompt,提示的意思。翻譯成提示似乎並不太準確,因為它是需要用戶輸入內容的。並且有確認和取消兩個按鈕:如果點擊確認:返回值為提示框裡輸入的內容。
  • WEB滲透安全:JS函數
    函數要想運行,需要進行調用 函數名的定義規則與標識符(變量名)一致 , 大小寫敏感 最簡單的函數定義 : function printHello(){ console.log("Hello,World");}
  • Android WebView 與 JS 的交互方式最全面匯總
    ()、confirm()、prompt() 消息具體分析Android通過WebView調用 JS 代碼對於Android調用JS代碼的方法有2種:通過WebView的loadUrl()通過WebView的evaluateJavascript()方式1:通過WebView的loadUrl()為了方便展示
  • Bootstrap 彈出框
    請確保您在下載 bootstrap-popover.js 之前先下載 bootstrap-tooltip.js。彈出框依賴工具提示插件,因此需要先加載工具提示插件。</h2>    <div>        <a href="#" id="example" rel="popover" data-content="為我的網站創建一個提示框如此簡單!"
  • 在JavaScript中使用Window對象的警告框、確認框、窗口尺寸和操作
    對於學習JavaScript開發者來說,最常用的與瀏覽器交互的就是彈出警告框和確認框。一、alert()方法:使用window.alert()方法可以實現在編寫JavaScript代碼中,如果出現了一些驗證錯誤,則可以彈出一個警告框,告訴用戶哪裡出錯了,下一步該如何操作等。
  • Angular中sweetalert彈框的使用詳解,最全了!
    ,但是只能用sweetalert中的css,js必須通過npm下載sweetalert,引入下載的sweetalert.min.js二、版本說明Angular V1.2.30三、引入文件sweetalert/sweetalert.min.cssangular/angular.min.jsangular-sweetalert/SweetAlert.min.js
  • msg.js 1.2 發布,無任何依賴的js提示,增加彈出層
    msg 1.2版本更新 增加彈出層,可使用 msg.popups(…) 調出彈出層 加載中、成功、失敗三種提示,增加字體顏色白色,避免被其他影響不顯示文字 加載中、成功、失敗三種提示,增加0.8透明度,使之更委婉一點
  • JavaScript alert()函數用法說明
    JavaScript alert()函數用法說明 你對JavaScript alert()函數的用法是否熟悉,這裡和大家分享一下,alert消息對話框通常用於一些對用戶的提示信息,例如在表單中輸入了錯誤的數據時。
  • Web前端-JS基礎
    可以簡單的理解為:只要用戶發出動作,js就會產生響應。6.安全性:JavaScript是一種安全性語言,它不直接允許訪問本地的硬碟,並不能直接將數據存入到伺服器上,不允許對網絡文檔進行修改和刪除,只能通過瀏覽器實現信息瀏覽或動態交互。從而有效地防止數據的丟失。