`

Safari下弹窗问题的解决办法

 
阅读更多

Ipad下使用的是Safari浏览器,在ie下的弹窗代码在该浏览器下无法执行。在已有的项目中如果需要在ipad下使用,必须对js进行修改。但如果是已开发的项目,最好的办法是在最大限度上维持原有的代码。所以最好是采用弹页面的方式来实现div的效果。

  
从网上找到别人的博客查到到这样的一种js现成的解决方案,名字叫subModal
  
相关的文件有三个,一个javascript文件,两个样式文件。当然样式文件需要的话是要使用它的样式。三个文件的名称分别是:
  subModal.js
  submodal.css
  submodalstyle.css  
  
  
使用到的方法有
:
   window.parent.hidePopWin(true); //
true应该是可以返回参数

   window.parent.hidePopWin();

 
找开窗口的方法:
 showPopWin(contentpath+'/deptsjtoSelect.action', 630, 600, getReturnValue); //
打开窗口的方法和ie下的弹出窗口有点类同,所以改动相对较少
 //
第四个参数代表回调方法 用于获取返回参数,写法如下:
 function getReturnValue(result){
  alert(result);
  }

最后一点要注意的:当时打开窗口的时候有个404错误,原来是少了个load页面。还需要在web目录下加个loading.html。里面添加的标题可以显示在弹出窗口之上。

 

演示的代码下载地址: http://www.360buyli.com/html/javascript/20121127/61.html

 

 

 

 

分享到:
评论

相关推荐

    右下角文本弹窗放大缩小

    总的来说,这个“右下角文本弹窗放大缩小”的项目提供了一个轻量级、可定制且兼容性良好的JavaScript解决方案,允许用户在网页的右下角创建可放大缩小的文本弹窗,以展示各种类型的内容。通过理解和应用这个组件,...

    为了解决在safari浏览器video标签无法播放视频的问题

    提醒用户检查Safari的设置或者更新浏览器到最新版本也可能解决问题。 在`node-video-master`这个压缩包中,可能包含了一个Node.js项目,用于处理视频转换或相关任务。Node.js允许我们在服务器端处理视频,例如使用...

    JS高仿QQ右下角弹窗有声音 兼容主流浏览器_2011-11-22[K8].rar

    标题中的“JS高仿QQ右下角弹窗有声音”是指使用JavaScript编程语言来实现一个类似于腾讯QQ的右下角弹窗通知功能,并且这个弹窗还具备声音提示的效果。这种技术在网页应用中十分常见,可以用于向用户推送消息、更新...

    Safari 的常见开发问题 Safari 的常见开发问题 Safari 的常见开发问题

    Safari 的常见开发问题.mhtSafari 的常见开发问题.mhtSafari 的常见开发问题.mhtSafari 的常见开发问题.mhtSafari 的常见开发问题.mht

    漂亮的div弹窗

    这表明它们考虑到了浏览器兼容性问题,确保在IE、Firefox、Chrome、Safari和Opera等主流浏览器上都能提供一致的用户体验。 实现这些div弹窗,开发者通常会用到以下技术: 1. **CSS**:用来设置弹窗的样式,包括...

    layer弹窗封装,手机弹窗

    在移动应用开发中,用户界面的交互体验至关重要,其中弹窗是一种常见的信息提示方式。`layer.js` 是一个专门用于创建各种类型弹窗的 ...如果你正在为移动应用开发寻找合适的弹窗解决方案,`layer.js` 绝对值得一试。

    基于jquery 可高度自定义的弹窗组件

    "基于jQuery可高度自定义的弹窗组件"就是这样一个解决方案,它旨在为开发者提供灵活、强大的功能,以满足不同场景下的弹窗需求。这个组件能够运行在多种浏览器上,包括IE、Safari和Firefox,确保了跨平台兼容性。 ...

    模式化弹窗代码

    6. **兼容性**:兼容主流浏览器,包括IE6+、Chrome、Firefox、Safari、Opera等。 7. **API接口**:提供丰富的API接口,方便开发者控制弹窗的打开、关闭、更新内容等操作。 8. **事件处理**:包括点击、关闭、初始化...

    简洁大气好看的网站弹窗代码.zip

    总的来说,这份"简洁大气好看的网站弹窗代码"提供了快速实现网站弹窗功能的解决方案,对于开发者和网站管理员来说是一个非常实用的工具。通过深入理解并调整代码,可以进一步提升网站的用户体验和互动性。

    safari浏览器有关问题

    safari浏览器有关问题最近将一个只支持IE浏览器的WEB应用程序搬到Safari下,没修改之前,打开一看页面很乱,根本就无从下手。用div ul li 等布局的表格和在IE下的效果完全不一样,在IE下每一个LI都是独立的一行,而...

    sweetAlert弹窗组件的使用

    8. **兼容性**:SweetAlert兼容大部分现代浏览器,包括Chrome、Firefox、Safari、Edge以及IE9及以上版本。 在实际使用中,SweetAlert的API简洁易用。例如,弹出一个简单的消息框,可以这样写: ```javascript swal...

    一个可以让你想到即可做到的javascript弹窗(层)解决方案

    总之,Layer v1.8.1作为一个强大的JavaScript弹窗解决方案,不仅提供了丰富的功能,还兼顾了易用性和灵活性,是前端开发中实现弹窗需求的优秀选择。通过熟练掌握其使用方法和配置选项,开发者可以在网页中创建出符合...

    Safari5中alert的无限循环BUG

    在IT行业中,浏览器兼容性问题始终是开发者面临的一大挑战,Safari5中的“alert无限循环BUG”就是一个典型的实例。这个bug主要涉及到JavaScript的事件冒泡机制以及特定浏览器的行为差异。在此,我们将深入探讨这个...

    弹窗查看图片.zip

    在描述中提到,该插件适用于360浏览器、Firefox、Chrome、Safari、Opera、傲游、搜狗和世界之窗等主流浏览器,但不支持IE8及以下版本。这表明插件采用了现代浏览器支持的Web技术,如HTML5、CSS3以及ECMAScript 5或...

    safari下打印图片

    safari下打印图片,非常方便的打印safari浏览器的图片,如果你不试试可惜了

    解决手机浏览器点击后退页面刷新问题,兼容苹果 safari浏览器和安卓浏览器

    解决手机浏览器点击后退页面刷新问题,兼容苹果 safari浏览器和安卓浏览器。 js的window.onbeforeunload,onunload,window.addEventListener(‘pagehide‘, () => {}手机浏览器不生效

    jquery多种样式的弹窗插件

    "jquery多种样式的弹窗插件"就是针对这一需求的解决方案,它集合了多样化的弹窗样式,满足开发者在不同场景下的设计需求。 首先,jQuery弹窗插件通常提供以下核心功能: 1. **基础样式**:包括但不限于简洁的提示...

    Safari浏览器window版

    总结,虽然Safari浏览器Windows版在某些特定环境下可能仍能运行,但由于缺乏更新和支持,它已不适合作为主要的浏览工具。用户应该优先考虑使用当前主流并持续维护的浏览器,以确保最佳的用户体验和网络安全性。

    Safari cer

    2. 证书信任问题:自签名证书或不受主流浏览器信任的CA签发的证书可能会导致Safari显示警告。解决方法是使用知名CA签发的证书,或在必要时手动添加到Safari的信任列表。 五、Safari cer的优化策略 1. HSTS...

    个人网站模板 测试可用 无弹窗

    10. **文档和社区支持**:提供详细文档和活跃的用户社区,可以帮助用户快速解决问题,学习如何更好地利用模板。 【ln32】可能代表这个模板是针对32位操作系统设计的,或者它是模板文件夹中的一个部分,这可能包括...

Global site tag (gtag.js) - Google Analytics