`
cainiaoyu
  • 浏览: 22629 次
  • 性别: 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,即...

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

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

    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中,事件处理通常...

    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