iOS移動端(H5)alert/confirm提示信息去除網(wǎng)址(URL)

更新時間：2016年11月18日 10:23:13 作者：天風隼

這篇文章主要介紹了iOS移動端(H5)alert/confirm提示信息去除網(wǎng)址URL,具有一定的參考價值，感興趣的小伙伴們可以參考一下

最近移動端項目用alert和confirm進行信息提示，但發(fā)現(xiàn)在iOS系統(tǒng)中，每次提示信息上面都會被添加一行URL地址。

那么如何去掉地址提示呢，經(jīng)查找和實現(xiàn)發(fā)現(xiàn)進行重寫alert和confirm方法可解決此問題。
代碼如下：

重寫alert方法：

window.alert = function(name){
  var iframe = document.createElement("IFRAME");
  iframe.style.display="none";
  iframe.setAttribute("src", 'data:text/plain,');
  document.documentElement.appendChild(iframe);
  window.frames[0].window.alert(name);
  iframe.parentNode.removeChild(iframe);
 };

重寫confirm方法：

window.confirm = function (message) {
   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 result = alertFrame.window.confirm(message);
   iframe.parentNode.removeChild(iframe);
   return result;
 };

其中confirm方法要return子框架的結(jié)果。否則默認都是“取消”的效果。

衍生知識點：

html中data類型的url

針對于一些小的數(shù)據(jù)，可以在網(wǎng)頁中直接嵌入，而不是從外部文件載入，比如圖片。這樣的好處是可以減少一次http的請求，缺點是使得頁面內(nèi)容變大。data類型的url格式在98年就已經(jīng)提出了，現(xiàn)在絕大部分的瀏覽器都能支持，比如使用IE6內(nèi)核的國內(nèi)瀏覽器，chrome和firefox等，但IE8上使用有問題，圖片顯示不完整。

data類型的url有以下幾種形式：

 data:,<文本數(shù)據(jù)> 
 data:text/plain,<文本數(shù)據(jù)> 
 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圖片數(shù)據(jù) 
 data:image/png;base64,base64編碼的png圖片數(shù)據(jù) 
 data:image/jpeg;base64,base64編碼的jpeg圖片數(shù)據(jù) 
 data:image/x-icon;base64,base64編碼的icon圖片數(shù)據(jù)

以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: