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)視頻下載并自動保存到相冊功能
這篇文章主要為大家詳細(xì)介紹了ios 視頻下載功能實(shí)現(xiàn),并自動保存到相冊,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2020-02-02IOS React Native FlexBox詳解及實(shí)例
這篇文章主要介紹了IOS React Native FlexBox詳解的相關(guān)資料,并附實(shí)例代碼,需要的朋友可以參考下2016-11-11iOS開發(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-11iOS使用UIBezierPath實(shí)現(xiàn)ProgressView
這篇文章主要為大家詳細(xì)介紹了iOS使用UIBezierPath實(shí)現(xiàn)ProgressView,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-04-04