快捷導(dǎo)航

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

更新時(shí)間：2016年11月18日 10:23:13 作者：天風(fēng)隼

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

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

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

重寫(xiě)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);
 };

重寫(xiě)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é)果。否則默認(rèn)都是“取消”的效果。

衍生知識(shí)點(diǎn)：

html中data類(lèi)型的url

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

data類(lèi)型的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ù)

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: