DIV CSS 佈局教程網

--前言--

window對象的alert和confirm標准方法在不同浏覽器的顯示效果不太相同，有個相同點是都不是很美觀。我們的想法是使用js和css分別仿照它們，提供另一套函數，使在不同浏覽器的有著相同的體驗效果。

 --設計思路--

為了保留原有的alert和confirm方法，我們不直接替換window對象的alert和confirm，而是新建一個win對象，該對象下有alert、confirm、open、close等。win.alert等的對話框彈出層，使用iframe作底層，確保對話框在ie7以下版本時也能把select標簽覆蓋在底下，這些對話框在彈出之後，是不會阻塞腳本運行的，所以win.alert等函數都提供一個回調參數，在對話框關閉或選擇之後觸發這個回調參數，函數原型如下：

win.alert = function (title, message, closed) { ...} // alert
win.confirm = function (title, message, selected) {...} // confirm
win.open = function (width, height, title, url, closed) {...} // 彈出頁面對話框

--成果展示--

以上就是本文的全部內容，希望本文的內容對大家的學習或者工作能帶來一定的幫助，同時也希望多多支持！