淺談javascript alert和confirm的美化
--前言--
window對(duì)象的alert和confirm標(biāo)準(zhǔn)方法在不同瀏覽器的顯示效果不太相同，有個(gè)相同點(diǎn)是都不是很美觀。我們的想法是使用js和css分別仿照它們，提供另一套函數(shù)，使在不同瀏覽器的有著相同的體驗(yàn)效果。
--設(shè)計(jì)思路--
為了保留原有的alert和confirm方法，我們不直接替換window對(duì)象的alert和confirm，而是新建一個(gè)win對(duì)象，該對(duì)象下有alert、confirm、open、close等。win.alert等的對(duì)話框彈出層，使用iframe作底層，確保對(duì)話框在ie7以下版本時(shí)也能把select標(biāo)簽覆蓋在底下，這些對(duì)話框在彈出之后，是不會(huì)阻塞腳本運(yùn)行的，所以win.alert等函數(shù)都提供一個(gè)回調(diào)參數(shù)，在對(duì)話框關(guān)閉或選擇之后觸發(fā)這個(gè)回調(diào)參數(shù)，函數(shù)原型如下：
win.alert = function (title, message, closed) { ...} // alert
win.confirm = function (title, message, selected) {...} // confirm
win.open = function (width, height, title, url, closed) {...} // 彈出頁面對(duì)話框
--成果展示--
以上就是本文的全部內(nèi)容，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來一定的幫助，同時(shí)也希望多多支持腳本之家！
相關(guān)文章
webpack5的entry和output配置小白學(xué)習(xí)
這篇文章主要為大家介紹了webpack5的entry和output使用配置小白學(xué)習(xí)詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-05-05
javascript 三種方法實(shí)現(xiàn)獲得和設(shè)置以及移除元素屬性
獲得和設(shè)置以及移除元素屬性在操作dom的過程中會(huì)經(jīng)常遇到吧,為了提高工作的效率本文整理了一些快捷操作方法和大家一起分享，感興趣的朋友可以參考下哈2013-03-03
javascript實(shí)現(xiàn)時(shí)間格式輸出FormatDate函數(shù)
這篇文章主要介紹了javascript實(shí)現(xiàn)時(shí)間格式輸出FormatDate函數(shù),可實(shí)現(xiàn)fmt標(biāo)簽一樣對(duì)日期時(shí)間型內(nèi)容格式輸入的功能,是非常實(shí)用的技巧,需要的朋友可以參考下2015-01-01
小程序上傳的時(shí)候,主包不能超過2M,如果超出,則會(huì)上傳失敗,這時(shí)候就需要把界面進(jìn)行分包,下面這篇文章主要給大家介紹了關(guān)于uniapp分包(小程序分包)處理的相關(guān)資料,需要的朋友可以參考下2023-01-01
jQuery實(shí)現(xiàn)騰訊信用界面(自制刻度尺)樣式
這篇文章主要介紹了jQuery實(shí)現(xiàn)騰訊信用界面(自制刻度尺)樣式,下文還總結(jié)了關(guān)于jquery中extend的方法，需要的朋友可以參考下2017-08-08
js與jQuery實(shí)現(xiàn)獲取table中的數(shù)據(jù)并拼成json字符串操作示例
這篇文章主要介紹了js與jQuery實(shí)現(xiàn)獲取table中的數(shù)據(jù)并拼成json字符串操作,涉及javascript與jQuery針對(duì)HTML頁面table表格數(shù)據(jù)獲取、遍歷及json字符串拼接相關(guān)操作技巧,需要的朋友可以參考下2018-07-07
js頁面引導(dǎo)頁的實(shí)現(xiàn)思路總結(jié)
在同學(xué)們使用某些網(wǎng)站的新版本頁面的時(shí)候，經(jīng)常會(huì)出現(xiàn)一個(gè)類似于新手引導(dǎo)一樣的效果，本文主要介紹了js頁面引導(dǎo)頁的實(shí)現(xiàn)思路總結(jié)，感興趣的可以了解一下2023-04-04
js實(shí)現(xiàn)類似jquery里animate動(dòng)畫效果的方法
這篇文章主要介紹了js實(shí)現(xiàn)類似jquery里animate動(dòng)畫效果的方法,實(shí)例分析了javascript模擬實(shí)現(xiàn)jQuery中animate動(dòng)畫效果的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-04-04
js 字符串轉(zhuǎn)化成數(shù)字的代碼，需要的朋友可以參考下。2011-06-06
JS關(guān)閉窗口與JS關(guān)閉頁面的幾種方法小結(jié)
本篇文章要是對(duì)JS關(guān)閉窗口與JS關(guān)閉頁面的幾種方法進(jìn)行了總結(jié)介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助2013-12-12