取代瀏覽器alert()與confirm()對話框

往的網站或是後台都是採用瀏覽器內建的 alert() 與 confirm() 對話框;隨著時代的演變,瀏覽器已經由微軟的 IE 最大市占率,已經被 Google Chrome 所取代; 行動裝置上網流量也已超越PC設備,全球市佔率最大行動裝置 Google Android 系統,也是內建 Chrome 瀏覽器。

Android 系統中使用 Chrome 瀏覽器,產生的 alert() 對話框如圖所示:



和過往的瀏覽器不同,多出了[防止這個網頁產生其他對話方塊] 這個選項,最上方出現一串英文網址,而非自訂的標題列;對一般使用者而言,不確定是否要勾選,或是不注意勾選到該選項。

現代的網站設計,取代瀏覽器內建的 alert() 與 confirm() 對話框漸漸成為趨勢,下面顯示取代後的呈現方式。

alert() 呈現方式:


confirm() 呈現方式: