JS消息彈框alert、confirm、prompt的實(shí)現(xiàn)代碼
alert 消息提示框：
用于警告，只有確定按鈕。
alert(str);
confirm 消息對(duì)話框：
通過返回值可以判斷用戶點(diǎn)擊了什么按鈕 。
confirm(str);
當(dāng)用戶點(diǎn)擊"確定"按鈕時(shí)，返回true。
當(dāng)用戶點(diǎn)擊"取消"按鈕時(shí)，返回false。
prompt()消息輸入框：
彈框中包含一個(gè)輸入框和確認(rèn)取消按鈕，用戶可以在輸入框輸入內(nèi)容。
var reason = window.prompt(“請(qǐng)輸入審核不通過理由：”, “”);
//1. 單純判斷用戶是否填寫“審核不通過理由”：
if(reason){
//用戶填寫了理由
}else{
//用戶沒有填寫理由
}
//2. 要區(qū)分用戶不輸入內(nèi)容點(diǎn)擊的是“確定”還是“取消”：
if(reason){
alert(reason);//顯示輸入內(nèi)容
//用戶填寫了內(nèi)容并且點(diǎn)擊的是“確定”
}else if(reason === “”){
//用戶沒有輸入內(nèi)容點(diǎn)擊的“確定”
}else{
//點(diǎn)擊的是“取消”
}補(bǔ)充：js的3大基礎(chǔ)彈框
js的3大基礎(chǔ)彈框:
1. 提示框(警告框): alert("內(nèi)容");
彈框有一個(gè)確定按鈕, 無返回值
示例:alert("彈框內(nèi)容!")
2. 確認(rèn)框: confirm("提示內(nèi)容");
彈框有2個(gè)按鈕: 確定/取消
點(diǎn)擊確定返回true, 點(diǎn)擊取消返回false
示例1: confirm("提示內(nèi)容")
示例2: <a href="http://www.taobao.com" οnclick="return confirm('逛淘寶嗎?')">去淘寶</a>
3. 輸入框: prompt(參數(shù));
參數(shù)1: 提示語(yǔ)句. 默認(rèn)無提示
參數(shù)2: 默認(rèn)值. 不同的瀏覽器默認(rèn)值不一樣.
返回值類型為 字符串
輸入框示例:
<script>
? ? // var str = prompt();
? ? var str = prompt("請(qǐng)輸入姓名", "");
? ? document.writeln("您輸入的是:" + str);
</script>到此這篇關(guān)于JS消息彈框alert、confirm、prompt的文章就介紹到這了,更多相關(guān)js消息彈框alert內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
下面小編就為大家?guī)硪黄獨(dú)w納下js面向?qū)ο蟮膸追N常見寫法總結(jié)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-08-08
JavaScript 判斷數(shù)據(jù)類型的4種方法
這篇文章主要介紹了JavaScript 判斷數(shù)據(jù)類型的4種方法，幫助大家更好的理解和學(xué)習(xí)JavaScript，感興趣的朋友可以了解下2020-09-09
非常不錯(cuò)的ymyang 繪圖效果代碼。2009-04-04
純javascript前端實(shí)現(xiàn)base64圖片下載(兼容IE10+)
這篇文章主要介紹了純javascript前端實(shí)現(xiàn)base64圖片下載(兼容IE10+)，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-09-09
JavaScript實(shí)現(xiàn)搜索聯(lián)想關(guān)鍵字高亮功能
本文將詳解如何利用原生js+css+html實(shí)現(xiàn)的輸入框搜索聯(lián)想的功能，并集搜索關(guān)鍵字高亮效果，文中的示例代碼講解詳細(xì)，需要的可以參考一下2022-06-06
JS作用域閉包、預(yù)解釋和this關(guān)鍵字綜合實(shí)例解析
這篇文章主要介紹了JS作用域閉包、預(yù)解釋和this關(guān)鍵字,結(jié)合實(shí)例形式分析了javascript作用域閉包、預(yù)解釋和this關(guān)鍵字在具體使用過程中的操作技巧與注意事項(xiàng),需要的朋友可以參考下2016-12-12
uniapp?u-picker多列用法以及設(shè)置默認(rèn)選中值
uview組件庫(kù)u-picker組件可能很多人不熟悉,下面這篇文章主要給大家介紹了關(guān)于uniapp?u-picker多列用法以及設(shè)置默認(rèn)選中值的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-06-06
微信小程序事件 bindtap bindinput代碼實(shí)例
這篇文章主要介紹了微信小程序事件 bindtap bindinput代碼實(shí)例,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-08-08
這篇文章主要介紹了微信小程序 wepy框架與iview-weapp的用法,非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2019-04-04
這篇文章主要介紹了filter() 數(shù)組過濾的使用方法，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-11-11