替代alert的訊息框和提示框

2022-05-06 06:06:10 字數 1990 閱讀 8967

alert提示框由於外觀不太友好,所以一般都不用alert了。

我在這裡使用bootstrap的樣式,寫了乙個可以單獨顯示訊息,也可以確認取消的提示框,確認,取消的採用模式對話方塊方式,用乙個div遮蓋了後面所有內容。

使用的外觀如下:

一:單獨顯示訊息:

二:確認和取消:

單獨顯示訊息的方法傳遞型別,資訊,顯示時間以及回掉函式。其中通過過載可以只傳遞資訊。

確認和取消的方法傳遞型別,資訊以及回掉函式。其中可以通過過載可以只傳遞資訊和確認後執行的回掉函式。如果點選取消就去隱藏該提示框。

下面是這個提示框的js**:

1

//success 成功2//

info 資訊3//

warning 警告4//

danger 錯誤!

5function

alertbox(type, msg, showtime, callback) else

20 settimeout(function

() 25

}, showtime);26}

2728

function

alertsuccess(msg, showtime, callback)

3132

function

alertinfo(msg, showtime, callback)

3536

function

alertwarning(msg, showtime, callback)

3940

function

alertdanger(msg, showtime, callback)

4344

//必傳入回掉函式

45function

confirmbox(type, msg, callback) else67}

6869

function

confirmsuccess(msg, callback)

7273

function

confirminfo(msg, callback)

7677

function

confirmwarning(msg, callback)

8081

function

confirmdanger(msg, callback)

8485

function

confirmboxhide()

8990

function

box(jqobj)

然後是測試頁面的**,記得引用1.10以上的jquery和bootstrap.min.css,bootstrap.min.js。

這裡是將上面的js**單獨放在乙個js檔案中,然後引用,加了那麼多

是為了**滾動的效果——提示框是否會跟著移動。

Android Toast訊息提示框

在某些情況下需要向使用者彈出提示訊息,如顯示錯誤資訊,收到短訊息等,android提供兩種彈出訊息的方式,訊息提示框toasts和對話方塊alerts。toast是一種短暫的訊息提示,顯示一段時間後不需要使用者互動會自動消失,所以用來顯示一些建議性的不太重要的訊息,如提示使用者後台乙個任務完成了。使...

JAVA 中訊息提示框

joptionpane.showmessagedialog newframe.getcontentpane 彈出的是訊息提示框 系統資訊 joptionpane.information message joptionpane.showmessagedialog newframe.getcontent...

新增alert提示框的幾種方法

1.response.write 這種方式挺簡單的,就是經常執行後頁面上的字型都變形了。2.page.registerstartupscript js 這種方法倒是可以正常彈出了。不過該方法已經基本過時了,推薦的方法是使用clientscriptmanager 類的 registerstartups...