去除移動端alert/confirm的網址(url)

本文轉載自查看原文 2018-12-25 18:01 956 移動端/ HTML+DIV+CSS/ javascript基礎

移動端的alert、confirm都會顯示來源的url，影響體驗
下面的代碼將alert和confirm重寫了一遍，可去除url
參考了網上代碼，完善了confirm不同狀態跳轉

示例代碼：

     <!DOCTYPE html>  
    <html>  
    <head>  
    <meta charset="utf-8">  
    <title>文檔標題</title>  
    </head>  
       
    <body>  
    <script type="text/javascript">  
    /*remove url of alert/confirm*/    
    var wAlert = window.alert;    
    window.alert = function (message) {    
        try {    
            var iframe = document.createElement("IFRAME");    
            iframe.style.display = "none";    
            iframe.setAttribute("src", 'data:text/plain,');    
            document.documentElement.appendChild(iframe);    
            var alertFrame = window.frames[0];    
            var iwindow = alertFrame.window;    
            if (iwindow == undefined) {    
                iwindow = alertFrame.contentWindow;    
            }    
            iwindow.alert(message);    
            iframe.parentNode.removeChild(iframe);    
        }    
        catch (exc) {    
            return wAlert(message);    
        }    
    }    
    var wConfirm = window.confirm;    
    window.confirm = function (message) {    
        try {    
            var iframe = document.createElement("IFRAME");    
            iframe.style.display = "none";    
            iframe.setAttribute("src", 'data:text/plain,');    
            document.documentElement.appendChild(iframe);    
            var alertFrame = window.frames[0];    
            var iwindow = alertFrame.window;    
            if (iwindow == undefined) {    
                iwindow = alertFrame.contentWindow;    
            }    
            var result=iwindow.confirm(message);    
            iframe.parentNode.removeChild(iframe);    
            return result;  
        }    
        catch (exc) {    
            return wConfirm(message);    
        }    
    }   
      
    var r=confirm("Press a button");  
    if (r==true)  
    {  
        document.write("You pressed OK!");  
    }  
    else  
    {  
        document.write("You pressed Cancel!");  
    }  
    </script>  
      
    </body>  
       
    </html>

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 iOS移動端(H5)彈出框(alert/confirm)提示信息去除網址(URL) 手機移動端彈出框alert和確認狂confirm去掉網址重寫Alert和confirm方法去除地址顯示 alert,confirm彈出框顯示URL問題，將URL去掉 js的alert和confirm美化重寫confirm,alert js的alert和confirm美化手機重寫alert方法（去除網址和關閉網頁按鈕） alert()、confirm()和prompt()的區別與用法關於js 中 alert 事件彈框提示，title顯示頁面url網址問題