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: 提示語句. 默認(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)文章
這篇文章主要介紹了微信小程序通過uni-app進(jìn)行全局分享，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，需要的朋友可以收藏下2021-11-11
js復(fù)制網(wǎng)頁內(nèi)容并兼容各主流瀏覽器的代碼
js 復(fù)制網(wǎng)頁內(nèi)容的方法代碼有很多不過要兼容各瀏覽器就不多了，下面有個(gè)不錯(cuò)的方法，大家可以嘗試操作下2013-12-12
從JavaScript純函數(shù)解析最深刻的函子 Monad實(shí)例
這篇文章主要為大家介紹了從JavaScript純函數(shù)解析最深刻的函子 Monad實(shí)例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-10-10
string和array作為javascript內(nèi)置對(duì)象,其中許多方法無論是在開發(fā)過程中,還是在面試的時(shí)候都有機(jī)會(huì)被面試官問到，下面這篇文章主要給大家介紹了關(guān)于JavaScript中Array方法你該知道的正確打開方法，需要的朋友可以參考下2018-09-09
終于解決了IE8不支持?jǐn)?shù)組的indexOf方法
今天，測(cè)試報(bào)過來一個(gè)js bug, 在IE8下有個(gè)js錯(cuò)誤，但是在其它瀏覽器下(Firefox, Chrome, IE9)下面都很正常。后來調(diào)試發(fā)現(xiàn)原因是在IE8下，js數(shù)組沒有indexOf方法。2013-04-04
bootstrap-table+treegrid實(shí)現(xiàn)樹形表格
這篇文章主要為大家詳細(xì)介紹了bootstrap-table+treegrid實(shí)現(xiàn)樹形表格，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-07-07
這篇文章主要給大家介紹了關(guān)于iframe跨域POST提交的相關(guān)資料,文中給出了詳細(xì)的介紹與示例代碼，相信對(duì)大家的學(xué)習(xí)或者工作具有一定的參考借鑒價(jià)值，需要的朋友可以一起來學(xué)習(xí)學(xué)習(xí)。2017-01-01
JS實(shí)現(xiàn)3D圖片旋轉(zhuǎn)展示效果代碼
這篇文章主要介紹了JS實(shí)現(xiàn)3D圖片旋轉(zhuǎn)展示效果代碼,可實(shí)現(xiàn)頁面元素的3D旋轉(zhuǎn)變換效果,涉及JavaScript動(dòng)態(tài)數(shù)學(xué)運(yùn)算的相關(guān)技巧,需要的朋友可以參考下2015-09-09
js switch case default 的用法示例介紹
switch case default的用法應(yīng)該存在一部分人不會(huì)使用吧，其實(shí)很簡(jiǎn)單就是每個(gè)case后，一定要加：break；default，就相當(dāng)于else，不會(huì)的朋友可以了解下2013-10-10
js實(shí)現(xiàn)黑色簡(jiǎn)易的滑動(dòng)門網(wǎng)頁tab選項(xiàng)卡效果
這篇文章主要介紹了js實(shí)現(xiàn)黑色簡(jiǎn)易的滑動(dòng)門網(wǎng)頁tab選項(xiàng)卡效果,可實(shí)現(xiàn)簡(jiǎn)單的鼠標(biāo)滑過tab項(xiàng)切換對(duì)應(yīng)菜單的功能,涉及javascript鼠標(biāo)事件控制頁面元素的遍歷與樣式改變實(shí)現(xiàn)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-08-08