去除移动端alert/confirm的网址(url)

Posted shuilangyizu

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了去除移动端alert/confirm的网址(url)相关的知识，希望对你有一定的参考价值。

移动端的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>

 





以上是关于去除移动端alert/confirm的网址(url)的主要内容，如果未能解决你的问题，请参考以下文章

6.alert.confirm.prompt弹窗

如何一键去除域名非80端口，教你如何去除网址后面的端口号

alert,confirm与prompt的用法，各自属于啥客户端？

请问Javascript 中的alert, confirm , prompt

JavaScript 和 jQuery $.alert alert $.confirm confirm 的对比

alert/confirm/prompt 处理