`
cainiaoyu
  • 浏览: 22145 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

多浏览器兼容问题 IE Firefox Chrome

阅读更多
    [size=x-large]在测试与各个浏览器兼容性的时候,发现在chrome浏览器下showModalDialog方法显示的并不是模态对话框,就像新打开一个页面一样,父窗口仍然可以随意获取焦点,并可以打开多个窗体,而且返回值returnValue也无法返回,一直是undefined。[/size]

因为打开的不是模态对话框,而是像open了一个新窗体一样。


处理方案:(本文皆指在chrome浏览器下)

问题一,父页面怎么从模态窗口获取返回值?

模态窗口:

$(function(){
   var obj = new Object();
    obj.id =ids;
    obj.name=names;
    if (window.opener != undefined) {
      // for chrome
      window.opener.returnValue = obj;
         } else {
          window.returnValue = obj;
        }
      window.close();
});

父页面处理:

obj =window.showModalDialog(url,obj,winSettings);

if (obj == undefined) {
   obj = window.returnValue;
}
.....

问题二,模态窗口怎么获取父页面参数?

模态窗口处理:

/**the arguments from the father window**/
    $(document).ready(function(){
if ($.browser.msie) {
//for IE browser
          var ids = window.dialogArguments.id.split(",");
          var names = window.dialogArguments.name.split(",");
} else {
  var IDS=window.opener.document.getElementById("attachedDocumentsId").value;
  var Ids = IDS.replace(/^\s+|\s+$/g, '');
  if(Ids!="" && Ids.lastIndexOf(",")!=(Ids.length-1)){
    Ids=Ids+",";
}
  var ids = Ids.split(",");
var Names = window.opener.document.getElementById("attachedDocuments").value;
var names = Names.split(",");
}
});

父窗口处理:

<s:hidden id="attachedDocumentsId" name="attachedDocumentsId" />









分享到:
评论

相关推荐

    JS日期选择器(兼容IE,FireFox,Oprea,chrome等主流浏览器)

    "JS日期选择器(兼容IE,FireFox,Oprea,chrome等主流浏览器)"是一个专门为JavaScript环境设计的,旨在解决跨浏览器兼容性问题的日期选择工具。这个组件的目标是确保在不同浏览器如Internet Explorer(IE)、Firefox、...

    浏览器兼容性问题收集(IE,Firefox,Chrome,Safri)

    浏览器兼容性问题收集(IE, Firefox, Chrome, Safari) 本文主要收集了浏览器兼容性问题,涵盖了 IE, Firefox, Chrome, Safari 等多种浏览器的兼容性问题。这些问题都是 WEB 开发者们经常遇到的问题,了解这些问题...

    CSS兼容大全IE5,IE5.5,IE6,IE7,Firefox,Opera,Safari等浏览器

    CSS 兼容大全 IE5,IE5.5,IE6,IE7,Firefox,Opera,Safari 等浏览器 CSS 兼容大全是指在不同的浏览器中,例如 IE5,IE5.5,IE6,IE7,Firefox,Opera,Safari 等,如何使网页正常显示的技术。这个技术的核心是 CSS Hack,即...

    ie chrome firefox 兼容

    在上面的代码中,如果用户使用的是 Firefox、Chrome、Opera 或 Safari 浏览器,那么将跳转到指定的 URL 否则,将跳转到另外的 URL。 浏览器兼容性处理是 Web 开发中一个非常重要的问题,因为不同的浏览器可能会有...

    IE firefox chrome 浏览器驱动 三种都有

    本压缩包包含的是针对IE、Firefox和Chrome这三种主流浏览器的最新版本驱动,确保了对不同浏览器的兼容性测试或自动化流程能够顺利进行。 首先,我们来看IE浏览器的驱动。IE(Internet Explorer)驱动,也被称为...

    如何让div+css兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器.docx

    让 Div+CSS 兼容 IE6 IE7 IE8 IE9 和 FireFox Chrome 等浏览器 在前端开发中,让 Div+CSS 兼容不同的浏览器是一个很大的挑战。不同的浏览器有不同的渲染引擎和CSS解析规则,导致了同一份CSS代码在不同的浏览器中...

    如何让div+css兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器.pdf

    针对标题提及的"如何让div+css兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器",这里将详细讨论一些关键的CSS兼容性问题及解决方案。 1. **DOCTYPE的影响**: DOCTYPE声明会影响浏览器进入何种文档模式。在HTML4或...

    css和js的浏览器兼容问题汇总

    总的来说,解决CSS和JavaScript的浏览器兼容问题需要开发者对各种浏览器的特性有深入理解,并善于运用工具和技巧进行调试和优化。如使用Firebug、Web Developer、DebugBar等开发工具可以帮助开发者快速定位和解决...

    JavaScript自定义浏览器滚动条兼容IE、 火狐和chrome.docx

    使用 CSS 可以自定义浏览器滚动条的样式,但是 CSS 只能转变 Chrome 和 IE 浏览器的样式,无法对 Firefox 浏览器进行样式定义。因此,我们需要使用 JavaScript 来实现自定义浏览器滚动条。 二、JavaScript 实现...

    event兼容调用(IE,Firefox,Chrome)

    本文将深入探讨在Internet Explorer(IE)、Firefox、Chrome三大主流浏览器中实现event兼容调用的方法,重点解析事件对象的获取及鼠标坐标获取的差异。 #### 事件对象的兼容性获取 在JavaScript中,事件处理通常...

    ie6、ie7、ie8、ie9、ie10、firefox、google chrome浏览器Hack及兼容性演示页面

    这里我们将深入探讨标题中提到的`ie6`到`ie10`以及`Firefox`和`Google Chrome`浏览器的兼容性问题,以及它们所基于的`Gecko`和`WebKit`内核。 首先,`IE6`至`IE10`是微软公司推出的一系列Internet Explorer浏览器,...

    div+css 兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器方法.docx

    以下是一些解决`div+css`在IE6、IE7、IE8、IE9以及Firefox、Chrome等浏览器兼容性问题的方法: 1. **DOCTYPE声明**:确保在HTML文档开头使用正确的DOCTYPE声明,如`&lt;!DOCTYPE html&gt;`,这有助于使浏览器以标准模式...

    div+css兼容ie6ie7ie8ie9和FireFoxChrome等浏览器方法[借鉴].pdf

    本文将深入探讨如何使CSS样式兼容IE6、IE7、IE8、IE9以及Firefox、Chrome等现代浏览器。 1. **DOCTYPE声明的影响**: DOCTYPE声明对于浏览器的渲染模式至关重要。在HTML文档的顶部加入正确的DOCTYPE,如`&lt;!DOCTYPE...

    java跨全域兼容ie/ff/chrome浏览器多文件上传(原创)

    7. **浏览器兼容性**: 题目中提到了ie/ff/chrome,这意味着该解决方案考虑了Internet Explorer、Firefox和Chrome这三大主流浏览器的兼容性问题。对于老版本的IE,可能需要额外的适配代码来确保功能正常运行。 8. **...

    js浏览器兼容问题的大全

    首先,JavaScript的兼容性问题主要涉及IE(Internet Explorer)、Firefox(Firefox)、Chrome、Safari和Opera等主流浏览器之间的差异。例如,某些JavaScript特性在较新的浏览器中得到支持,但在旧版IE中可能无法运行...

    div+css 兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器方法.pdf

    针对`IE6`、`IE7`、`IE8`、`IE9`以及`Firefox`、`Chrome`等浏览器的兼容性问题,我们可以采取以下策略: 1. **DOCTYPE声明**:DOCTYPE声明会影响浏览器进入不同的渲染模式。为了确保统一的行为,通常使用XHTML 1.0...

    兼容IE/firefox/chrome复制内容到剪贴板

    标题中的“兼容IE/firefox/chrome复制内容到剪贴板”指的是在网页开发中实现一个跨浏览器的剪贴板功能,允许用户在不同的浏览器(Internet Explorer、Firefox和Chrome)上复制内容。这个功能通常涉及到JavaScript ...

    CSS浏览器兼容和IE中bug问题

    不同浏览器(如IE、Chrome、Firefox等)对CSS的支持程度和解释方式存在差异,这可能导致页面在不同浏览器下呈现的效果不一致。特别是对于IE这类较为老旧的浏览器,由于其特殊的解析规则,往往会给前端开发者带来不少...

    JS 读取Excel文件(xls) 兼容Chrome/IE/Firefox

    在JavaScript中,读取Excel文件(.xls)并兼容多种浏览器,如Chrome、IE和Firefox,是一项常见的需求。这通常涉及到文件API、ActiveXObject(针对IE)和第三方库的使用。下面将详细介绍如何实现这一功能。 首先,...

Global site tag (gtag.js) - Google Analytics