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