首先必須明白的一點是，alert只是一個方法，而這個方法內部是native code，這是我們無法修改的部分，而最終暴露的只有這個alert方法名字而已，你甚至拿不到alert的屬性，因此要真正意義上的做到修改alert樣式是不可行的。
有了以上這個條件基礎，我們能做的只有重寫alert方法，替換掉系統自帶的alert方法。
看到這，就有很多人已經明了了，首先你可以先寫好一個假的彈窗樣式，然後通過這種方式顯示出來，這種是html css js 三方同時更改達到效果，你也可以全部都JavaScript去完成結構樣式的操作，今天我們的示例就是全部通過js來完成結構樣式控制。
明確了基本方式是通過替換alert方法，那麼就開始進一步的思考實現步驟。
確定彈窗樣式HTML結構 —— 結構插入 —— 樣式控制 —— 點擊確定刪除結構
於是有了下面這段代碼：
這 裡為什麼不直接用window.alert = function {};方法呢，這裡考慮預編譯時並不會對window.alert進行賦值，如果用這種方式寫的話，在window.alert = function {} 之前調用alert還會是系統自帶alert。
當你初步調用alert時，如果不傳參數會報錯，那麼我們需要一個data的判 斷，textNode = document.createTextNode(data)就可改成textNode = document.createTextNode(data ? data : "")
接下來我們會發現，我們還缺少樣式和確定關閉功能。這裡完全可以用DOM0級事件綁定。代碼很快變成了這樣：
還剩下最後一個樣式控制問題。為了寫起來更美觀更方便，我們需要寫一個方法來控制樣式。
這樣我們就可以通過如下方式控制樣式：
測試後發現，如上的這種樣式書寫方式，IE8下面有渲染問題，那我們換成cssText。所以，樣式控制代碼改為——>
這樣咱就解決IE8的尴尬了，但是同時也帶來了其他問題，字符串拼接，有可能會出現重復屬性，因此如果你需要做一個通用的，還需要對字符串進行查重，但對於本例來說完全夠用了。
我們的demo就成了這樣（樣式還是自己調吧，下面的樣式只是做個示范）：
最 後總結下，本例運用到的知識點，DOM操作、預編譯期與執行、for-in循環，cssText。本文的主要目的在於引導思路，無論做什麼項目，思路很重 要，要懂得變通，如果你想通過某些屬性去修改alert樣式，那你想破頭都想不出，所有效果實現方法都不是唯一的，僅僅只是需要一個你想要的alert樣 式，完全可以“造假”，合理利用“造假”的方法，可以使你的效果寫起來比別人輕松很多。
