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