欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時間:2016年11月18日 10:23:13   作者:天風(fēng)隼  
這篇文章主要介紹了iOS移動端(H5)alert/confirm提示信息去除網(wǎng)址URL,具有一定的參考價值,感興趣的小伙伴們可以參考一下

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

那么如何去掉地址提示呢,經(jīng)查找和實(shí)現(xiàn)發(fā)現(xiàn)進(jì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é)果。否則默認(rèn)都是“取消”的效果。

衍生知識點(diǎn):

html中data類型的url

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

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)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

  • iOS實(shí)現(xiàn)視頻下載并自動保存到相冊功能

    iOS實(shí)現(xiàn)視頻下載并自動保存到相冊功能

    這篇文章主要為大家詳細(xì)介紹了ios 視頻下載功能實(shí)現(xiàn),并自動保存到相冊,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2020-02-02
  • iOS10 適配以及Xcode8配置總結(jié)

    iOS10 適配以及Xcode8配置總結(jié)

    這篇文章主要介紹了iOS10 適配以及Xcode8配置總結(jié)的相關(guān)資料,本文通過圖文并茂的形式給大家介紹,非常不錯具有參考借鑒價值,需要的朋友可以參考下
    2016-09-09
  • iOS仿高德首頁推拉效果實(shí)例代碼

    iOS仿高德首頁推拉效果實(shí)例代碼

    這篇文章主要給大家介紹了關(guān)于iOS仿高德首頁推拉效果的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
    2021-11-11
  • iOS常用組件之高效切圓角的方法匯總

    iOS常用組件之高效切圓角的方法匯總

    最近在研究切圓角的方法,也找了下網(wǎng)上的資料,所以下面這篇文章主要給大家總結(jié)介紹了關(guān)于iOS常用組件之高效切圓角的一些方法,文中通過示例代碼介紹的非常詳細(xì),需要的朋友可以參考借鑒,下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。
    2018-01-01
  • IOS React Native FlexBox詳解及實(shí)例

    IOS React Native FlexBox詳解及實(shí)例

    這篇文章主要介紹了IOS React Native FlexBox詳解的相關(guān)資料,并附實(shí)例代碼,需要的朋友可以參考下
    2016-11-11
  • iOS實(shí)現(xiàn)比例拼圖的方法示例

    iOS實(shí)現(xiàn)比例拼圖的方法示例

    這篇文章主要給大家介紹了關(guān)于iOS實(shí)現(xiàn)比例拼圖的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對大家學(xué)習(xí)或者開發(fā)iOS具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考借鑒,下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2018-07-07
  • iOS開發(fā)之如何通過PUT請求上傳數(shù)據(jù)

    iOS開發(fā)之如何通過PUT請求上傳數(shù)據(jù)

    眾所周知一般的服務(wù)器上傳數(shù)據(jù)都是用POST請求,這樣通過AFNetworking的POST請求穩(wěn)穩(wěn)的,但是有一天遇到一個問題,服務(wù)器上傳數(shù)據(jù)用的是PUT請求,發(fā)現(xiàn)用AFNetworking并不是那么好用,下面這篇文章就來講一下如何通過PUT請求上傳數(shù)據(jù)。有需要的朋友們可以參考借鑒。
    2016-11-11
  • iOS使用UIBezierPath實(shí)現(xiàn)ProgressView

    iOS使用UIBezierPath實(shí)現(xiàn)ProgressView

    這篇文章主要為大家詳細(xì)介紹了iOS使用UIBezierPath實(shí)現(xiàn)ProgressView,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-04-04
  • IOS 繪制三角形的實(shí)例詳解

    IOS 繪制三角形的實(shí)例詳解

    這篇文章主要介紹了IOS 繪制三角形的實(shí)例詳解的相關(guān)資料,希望通過本文大家能夠?qū)崿F(xiàn)三角形的繪制,需要的朋友可以參考下
    2017-09-09
  • iOS仿熱門話題熱點(diǎn)輪播界面tableView

    iOS仿熱門話題熱點(diǎn)輪播界面tableView

    這篇文章主要為大家詳細(xì)介紹了iOS仿熱門話題熱點(diǎn)輪播界面tableView,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2016-09-09

最新評論