IOS移動端(H5)alert/confirm提示資訊去除url

來源:互聯網
上載者:User

標籤:move   create   html   attribute   cti   nbsp   result   尋找   return   

前幾天寫移動端項目用alert和confirm進行資訊提示,但發現在iOS系統中,每次提示資訊上面都會被添加一行URL地址,安卓卻沒有,經過尋找之後,果然不出所料,相容!!相容!!!相容!!!

需要重新alert和confirm,不廢話,,看代碼!

alert重寫

<script type="text/javascript">  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);        }    }    </script>  

confirm重寫

<script>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> 

然後瞭解到html中data類型的url如下:

html中data類型的url

data:,<文本資料>

data:text/plain,<文本資料>

data:text/html,<HTML代碼>

data:text/html;base64,<base64編碼的HTML代碼>

data:text/css,<CSS代碼>

data:text/css;base64,<base64編碼的CSS代碼>

data:text/javascript,<Javascript代碼>

data:text/javascript;base64,<base64編碼的Javascript代碼>

data:image/gif;base64,base64編碼的gif圖片資料

data:image/png;base64,base64編碼的png圖片資料

data:image/jpeg;base64,base64編碼的jpeg圖片資料

data:image/x-icon;base64,base64編碼的icon圖片資料

 

IOS移動端(H5)alert/confirm提示資訊去除url

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.