簡(jiǎn)述JS瀏覽器的三種彈窗
1.alert:使用alert彈框提示信息,最后都會(huì)被轉(zhuǎn)化為字符串輸出(因?yàn)檎{(diào)用了toString這個(gè)方法)。比如alert(1+1)彈出的結(jié)果應(yīng)該是字符串形式的“2”。
2.Confirm:在alert基礎(chǔ)上增加了讓用戶(hù)選擇性的操作(提供兩個(gè)按鈕:確定和取消)
比如:var delin = confirm(‘你確定要?jiǎng)h除嗎?');
這一句,當(dāng)用戶(hù)點(diǎn)擊確定按鈕的時(shí)候,我們接受到的結(jié)果是true,點(diǎn)擊的是取消按鈕的時(shí)候,我們接受到的結(jié)果是false,此后我們可以根據(jù)不同的結(jié)果做不同的處理即可。
3.Prompt:在confirm的基礎(chǔ)上增加讓用戶(hù)輸入的效果
比如var flag = prompt(‘請(qǐng)輸入你想反饋的意見(jiàn):');
當(dāng)用戶(hù)點(diǎn)擊取消按鈕,我們獲取到的結(jié)果是null;如果用戶(hù)點(diǎn)擊確定按鈕,我們獲取到的是用戶(hù)輸入的內(nèi)容。(如果用戶(hù)沒(méi)有輸入任何內(nèi)容,獲取到的的結(jié)果是空字符串)
//但是真實(shí)的項(xiàng)目中,尤其是需要樣式精美的網(wǎng)站中,我們的提示框一般都是自己封裝插件和組件來(lái)實(shí)現(xiàn),不會(huì)使用內(nèi)置的這些方法(要使用原生JS封裝模態(tài)框組件)
總結(jié)
以上所述是小編給大家介紹的JS瀏覽器的三種彈框,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)歡迎給我留言,小編會(huì)及時(shí)回復(fù)大家的!
相關(guān)文章
非常不錯(cuò)的功能強(qiáng)大代碼簡(jiǎn)單的管理菜單美化版
由于網(wǎng)盤(pán)不穩(wěn)定,很多時(shí)候文件提示找不到,幸好U盤(pán)里存了. 喜歡這3個(gè)風(fēng)格的朋友們別在PM我啦.....我把文件傳到我服務(wù)器上了..2008-07-07javascript手風(fēng)琴下拉菜單實(shí)現(xiàn)代碼
手風(fēng)琴效果的下拉菜單大家都有見(jiàn)到過(guò)吧,實(shí)現(xiàn)的方法也有很多,這篇文章就為大家分享了javascript手風(fēng)琴下拉菜單實(shí)現(xiàn)代碼,純手寫(xiě)的,感興趣的朋友不要錯(cuò)過(guò)。2015-11-11Javascript實(shí)現(xiàn)元素選擇器功能
這篇文章主要為大家詳細(xì)介紹了Javascript實(shí)現(xiàn)元素選擇器功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-07-07Jsonp 關(guān)鍵字詳解及json和jsonp的區(qū)別,ajax和jsonp的區(qū)別
這篇文章主要介紹了Jsonp 關(guān)鍵字詳解及json和jsonp的區(qū)別,ajax和jsonp的區(qū)別 的相關(guān)資料,需要的朋友可以參考下2015-12-12JS實(shí)現(xiàn)移動(dòng)端實(shí)時(shí)監(jiān)聽(tīng)輸入框變化的實(shí)例代碼
這篇文章主要介紹了JS實(shí)現(xiàn)移動(dòng)端實(shí)時(shí)監(jiān)聽(tīng)輸入框變化的解決方案,需要的朋友可以參考下2017-04-04JavaScript 使用 splice 方法刪除數(shù)組元素可能導(dǎo)致的問(wèn)題分析
這篇文章主要介紹了JavaScript 使用 splice 方法刪除數(shù)組元素可能導(dǎo)致的問(wèn)題分析,當(dāng)在 JavaScript 中從數(shù)組中刪除元素時(shí),使用 splice 方法時(shí)需要謹(jǐn)慎,本文給大家詳細(xì)講解,需要的朋友可以參考下2023-04-04微信小程序 swiper 組件遇到的問(wèn)題及解決方法
這篇文章主要介紹了微信小程序 swiper 組件遇到的問(wèn)題及解決方法,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-05-05