iOS移动端(H5)alert/confirm提示信息去除网址(URL)

 更新时间:2016年11月18日 10:23:13   作者:天风隼  
这篇文章主要介绍了iOS移动端(H5)alert/confirm提示信息去除网址URL,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

最近移动端项目用alert和confirm进行信息提示,但发现在iOS系统中,每次提示信息上面都会被添加一行URL地址。

那么如何去掉地址提示呢,经查找和实现发现进行重写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子框架的结果。否则默认都是“取消”的效果。

衍生知识点:

html中data类型的url

针对于一些小的数据,可以在网页中直接嵌入,而不是从外部文件载入,比如图片。这样的好处是可以减少一次http的请求,缺点是使得页面内容变大。data类型的url格式在98年就已经提出了,现在绝大部分的浏览器都能支持,比如使用IE6内核的国内浏览器,chrome和firefox等,但IE8上使用有问题,图片显示不完整。

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实现视频下载并自动保存到相册功能

    iOS实现视频下载并自动保存到相册功能

    这篇文章主要为大家详细介绍了ios 视频下载功能实现,并自动保存到相册,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-02-02
  • iOS10 适配以及Xcode8配置总结

    iOS10 适配以及Xcode8配置总结

    这篇文章主要介绍了iOS10 适配以及Xcode8配置总结的相关资料,本文通过图文并茂的形式给大家介绍,非常不错具有参考借鉴价值,需要的朋友可以参考下
    2016-09-09
  • iOS仿高德首页推拉效果实例代码

    iOS仿高德首页推拉效果实例代码

    这篇文章主要给大家介绍了关于iOS仿高德首页推拉效果的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2021-11-11
  • iOS常用组件之高效切圆角的方法汇总

    iOS常用组件之高效切圆角的方法汇总

    最近在研究切圆角的方法,也找了下网上的资料,所以下面这篇文章主要给大家总结介绍了关于iOS常用组件之高效切圆角的一些方法,文中通过示例代码介绍的非常详细,需要的朋友可以参考借鉴,下面随着小编来一起学习学习吧。
    2018-01-01
  • IOS React Native FlexBox详解及实例

    IOS React Native FlexBox详解及实例

    这篇文章主要介绍了IOS React Native FlexBox详解的相关资料,并附实例代码,需要的朋友可以参考下
    2016-11-11
  • iOS实现比例拼图的方法示例

    iOS实现比例拼图的方法示例

    这篇文章主要给大家介绍了关于iOS实现比例拼图的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者开发iOS具有一定的参考学习价值,需要的朋友可以参考借鉴,下面随着小编来一起学习学习吧
    2018-07-07
  • iOS开发之如何通过PUT请求上传数据

    iOS开发之如何通过PUT请求上传数据

    众所周知一般的服务器上传数据都是用POST请求,这样通过AFNetworking的POST请求稳稳的,但是有一天遇到一个问题,服务器上传数据用的是PUT请求,发现用AFNetworking并不是那么好用,下面这篇文章就来讲一下如何通过PUT请求上传数据。有需要的朋友们可以参考借鉴。
    2016-11-11
  • iOS使用UIBezierPath实现ProgressView

    iOS使用UIBezierPath实现ProgressView

    这篇文章主要为大家详细介绍了iOS使用UIBezierPath实现ProgressView,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-04-04
  • IOS 绘制三角形的实例详解

    IOS 绘制三角形的实例详解

    这篇文章主要介绍了IOS 绘制三角形的实例详解的相关资料,希望通过本文大家能够实现三角形的绘制,需要的朋友可以参考下
    2017-09-09
  • iOS仿热门话题热点轮播界面tableView

    iOS仿热门话题热点轮播界面tableView

    这篇文章主要为大家详细介绍了iOS仿热门话题热点轮播界面tableView,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-09-09

最新评论