JavaScript常用的3種彈出框(提示框?alert/確認框?confirm/輸入框?prompt)
更新時間：2022年07月28日 10:51:40 作者：黑白棋學(xué)弟
三種彈框在系統(tǒng)中都是同步執(zhí)行的，也就是說，三種彈框中的任一彈框彈出，代碼都不在執(zhí)行，直到點擊確認或取消，關(guān)閉彈窗后，代碼繼續(xù)執(zhí)行，本文通過實例代碼給大家分享JS常用的3種彈出框，感興趣的朋友一起看看吧
1、提示框 alert
// 沒有返回值
alert('你好');
2、確認框 confirm
// 返回 false/true
let res = confirm('確定刪除？');
if(res == true) {
console.log('點擊了確認')
}else{
console.log（'點擊了取消'）
}
3、輸入框 prompt
// 返回用戶輸入的值或null, 第二個值為指定的默認值(可選)
var ret = prompt('請輸入您的年齡', 23);
if(ret !== null && ret != '') {
x = '我的年齡是' + ret + '歲'
}
document.write(x)
到此這篇關(guān)于JS常用的3種彈出框的文章就介紹到這了,更多相關(guān)js彈出框內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
javascript中的有名函數(shù)和無名函數(shù)
javascript中的有名函數(shù)和無名函數(shù)...2007-10-10
本篇文章主要是對js判斷ie版本號的簡單實現(xiàn)代碼進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-03-03
這篇文章主要介紹了javascript實現(xiàn)簡單加載隨機色方塊的相關(guān)資料，感興趣的小伙伴們可以參考一下2015-12-12
這篇文章主要為大家詳細介紹了JS實現(xiàn)表單驗證案例，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-08-08
JS與HTML結(jié)合使用marquee標(biāo)簽實現(xiàn)無縫滾動效果代碼
這篇文章主要介紹了JS與HTML結(jié)合使用marquee標(biāo)簽實現(xiàn)無縫滾動效果代碼的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-07-07
到網(wǎng)上一位別出心裁的高手使用字符串而不是正則表達式實現(xiàn)了Javascript代碼高亮顯示，自己受益匪淺，于是就構(gòu)思了CSS代碼的高亮顯示。2009-11-11
上傳圖片對圖片進行一下預(yù)覽，可以了解圖片上傳后大概會是什么樣子，此功能用js實現(xiàn)，然后在fileupload控件的change事件中調(diào)用，這樣當(dāng)用fileupload選擇完圖片以后，圖片就會自動顯示出來了。功能很簡單，卻很實用。2013-03-03
這篇文章主要介紹了JavaScript對象原型鏈原理解析,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-01-01
這篇文章主要介紹了js實現(xiàn)簡單隨機抽獎的方法,涉及字符串的操作、setInterval定時調(diào)用等技巧,需要的朋友可以參考下2015-01-01
淺談js多維數(shù)組和hash數(shù)組定義和使用
下面小編就為大家?guī)硪黄獪\談js多維數(shù)組和hash數(shù)組定義和使用。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-07-07