--前言--

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) { ...} // alertwin.confirm = function (title, message, selected) {...} // confirmwin.open = function (width, height, title, url, closed) {...} // 彈出頁面對話框

--成果展示--

以上就是本文的全部內(nèi)容，希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助，同時也希望多多支持武林網(wǎng)！