浏览器兼容性

模态窗体与跨浏览器兼容性
最新推荐文章于 2025-05-13 11:45:00 发布
原创 最新推荐文章于 2025-05-13 11:45:00 发布 · 445 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍如何处理不同浏览器下的模态窗体显示问题，并提供了多种实用的JavaScript技巧，包括跨浏览器数据传递、AJAX调用、窗体大小调整及列表复选框的选择方法。
一、模态窗体
1、模态窗体的关闭调用函数closeModalDialog(retValue)，这个函数在util.js里
2、要取得返回值，打开模态窗体后要加一句话，如下：
  var ret = window.showModalDialog(url, window, WindowStyle);
  if (ret == undefined){
    ret = window.returnValue;
  }
3、chrome浏览器下，需要从模态窗体获取值的（如选择用户）
原来是 window.returnValue = retValue+"||"+retName;
要改成
if (window.opener != undefined){
    if (window.opener.document.all("<%=request.getParameter("userID")%>") != undefined)
      window.opener.document.all("<%=request.getParameter("userID")%>").value=retValue;
    if (window.opener.document.all("<%=request.getParameter("userName")%>") != undefined)
      window.opener.document.all("<%=request.getParameter("userName")%>").value=retName;
}else{
    window.returnValue = retValue+"||"+retName;
}


二、JS到服务器端取值（必须IE7.0以上）
原来写法是：var httpob = new ActiveXObject('Microsoft.XMLHTTP');  或者 var httpob = new ActiveXObject("Microsoft.XMLHTTP");
或者 var httpob=new ActiveXObject('Microsoft.XMLHTTP');
httpob.Open
要改成  - var httpob = new XMLHttpRequest();
httpob.open


三、列表复选框选择，这些复选框都是只有name，没有id的
原来写法是：document.Form1.item(n)
要改成 document.getElementsByName(n)[0]


四、打开窗体大小，包括卡片变动、详情等地方
原来写法是：
var ChildWin=window.open(url,"","width="+screen.width+",height="+screen.height+",top=50,left=50,scrollbars=yes,resizable=yes");
ChildWin.resizeTo(screen.availWidth-100,screen.availHeight-100);
ChildWin.moveTo(50,50);
在有些浏览器下无法获取screen.availWidth，会导致打开的窗体很小
要改成
var width=1000;
var height=750;
if (screen.availWidth > 0){
width=screen.availWidth-100;
}else if (screen.width > 0){
width=screen.width-100;
}
if (screen.availHeight > 0){
height=screen.availHeight-100;
}else if (screen.height > 0){
height=screen.height-100;
}

var ChildWin=window.open(url,"","width="+width+",height="+height+",top=50,left=50,scrollbars=yes,resizable=yes");




坚决不发：


new String(request.getParameter("HCMC").getBytes("ISO-8859-1"),"UTF-8");   
<!DOCTYPE html><!--STATUS OK--><html><head>
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">

用到ajax的地方 有那份txt下载


<script language="JavaScript" src="../../pub/WdatePicker/WdatePicker.js"></script>
<script language="javaScript" src="../pub/js/util.js"></script>
onclick="closeWindow()"


openUserTree


+"&userID="+userID+"&userName="+userName;




删除范例：
<script language="javaScript" src="../../pub/js/util.js"></script>
if (window.opener != undefined) {
   window.opener.Form1.submit();
   window.close();
}else{
closeModalDialog("2");
}

function btn_close(){
if(window.opener != undefined) {
   window.opener.Form1.submit();
   window.close();
}else{
closeModalDialog("2");
}
}

function sucClose(){
if (window.opener != undefined) {
alert("aa");
var pagesize=document.getElementById("pagesize").value;
window.opener.Form1.action="ListPage_sysjf.jsp?wid=&active=2&tp=ZC_BMNDJC&curpage=1&pagesize="+pagesize;
   window.opener.Form1.submit();
   window.close();
}else{
alert("bb");
closeModalDialog("2");
}
}


function backList(){
window.close();
parent.left.xtggcx_query();
}


IE刷新页面
document.Form1.action = "#";
document.Form1.submit();


<script type="text/javascript">
function confirm_zcfl(){
var lbbh=document.getElementById("LBBH").value;
if(lbbh.indexOf(";")!=-1){
lbbh = lbbh.substring(0,lbbh.indexOf(";"));
}
if (myBrowser() == "Chrome"){
   if (window.parent.opener.document.getElementById("LBBH") != undefined)
     window.parent.opener.document.getElementById("LBBH").value=lbbh;
   window.parent.close();
}else{
closeModalDialog(lbbh);
}
}
function close_zcfl(){
if (myBrowser()== "Chrome") {
   window.parent.close();
}else{
window.close();
}
}
</script>




<script type="text/javascript">
function confirm_sfl(){
var lbbh=document.getElementById("LBBH").value;
var lbbhmc=document.getElementById("LBBHMC").value;
if(lbbh.indexOf(";")!=-1){
lbbh1 = lbbh.substring(0,lbbh.indexOf(";"));
}
if(lbbh.indexOf(";")!=-1){
lbbhmc = lbbh.substring(lbbh1.length+1);
}
if(lbbh.indexOf(";")!=-1){
lbbhmc = lbbhmc.substring(0,lbbhmc.indexOf(";"));
}
if (myBrowser() == "Chrome"){
   if (window.parent.opener.document.getElementById("XYBH") != undefined){
      window.parent.opener.document.getElementById("XYBH").value=lbbh1;
   }
   if (window.parent.opener.document.getElementById("MC") != undefined){
       window.parent.opener.document.getElementById("MC").value=lbbhmc;
   }
   window.parent.close();
}else{
closeModalDialog(lbbh);
}
}
function close_sfl(){
if (myBrowser()== "Chrome") {
   window.parent.close();
}else{
window.close();
}
}
</script>






function   btn_close(){
if (myBrowser()== "Chrome") {
   window.parent.opener.Form1.submit();
   window.parent.close();
}else{
closeModalDialog("<%=refresh%>");
}}


<input  class="BUTTON" type="button" value="关 闭" onclick="closeModalDialog()">



4//"审核不通过"的事件
var auditingAgainst_ret = null;
function auditingAgainst(msgIsReadID){
document.all.audAgainst.disabled=true;
var WindowStyle="dialogHeight:240px; dialogWidth:450px; status=no; center:yes; resizable:yes; help:no";
var url="auditingPupDialog.jsp?msgIsReadID="+msgIsReadID;
var ret=window.showModalDialog(url,window,WindowStyle);   
if (ret == undefined){
   ret = window.returnValue;
 }
if(ret){
if(ret=="false"){
document.all.audAgainst.disabled=false;
return;
}
    auditingAgainst_submit(msgIsReadID);
} else {
    var aa = setInterval(function(msgIsReadID) {
      if (!(null == auditingAgainst_ret || undefined == auditingAgainst_ret)) {
        //document.write(auditingAgainst_ret);
        auditingAgainst_submit(msgIsReadID);
        clearInterval(aa);
      }
    }, 100, msgIsReadID); 
  }
}


function auditingAgainst_submit(msgIsReadID){
document.all.operator.value="auditingAgainst";
    if ("Chrome" == myBrowser()) {
      document.all.reason.value=auditingAgainst_ret;
    } else {
      document.all.reason.value=ret;
    }
document.Form1.action = "bzdxxEditSave.jsp?msgIsReadID="+msgIsReadID;
document.Form1.target = "_self";
document.Form1.submit();
}


<td><a style="cursor:hand" onclick="reOrder('ZDBH')">字典编号</a></td>
<td><a style="cursor:hand" onclick="reOrder('ZDBH')">字典编号</a></td>




//去除字符串的前后空格
function lrtrim(str){
if(str!=undefined||str!=null){
  while((str.length>0) && (str.charAt(0)==' '))
    str = str.substring(1,str.length);
 
  while((str.length>0) && (str.charAt(str.length-1)==' '))
    str = str.substring(0,str.length-1);
}else{str="";}
  return str;
} 


导出
SetUniCode



给wid添加 ‘’

String widStr = "";
ArrayList wid_arr=new ArrayList();
com.ekingstar.zcgl.bean.StringSplit ss = new com.ekingstar.zcgl.bean.StringSplit();
String stkt[] = ss.splitStr(kpbdwidstr,",");
if(!(stkt == null)){
for (int k = 0;k < stkt.length; k++){
wid_arr.add(k,stkt[k].toString());
}
}


for(int n =0 ;n<wid_arr.size();n++){
widStr+="'"+wid_arr.get(n).toString()+"',";
}


if(widStr.length()>0){
widStr = widStr.substring(0,widStr.length()-1);
}


function sucClose(){
alert("代办人设置成功！");
if (myBrowser() == "Chrome"){
if(window.opener != undefined) {
window.opener.parent.left.NQuery();
   window.close();
}
}else{
closeModalDialog("2");
}
}








如果谷歌无法关闭 可能是编辑页面


跳转的时候没有这样写




document.Form1.action = "bzdxxEditSave.jsp?fromzclx="+fromzclx+"&sfsyctj="+sfsyctj+"&sub_mit="+sub_mit;
document.Form1.target = "_self";
document.Form1.submit();


编辑页面的保存（这样的写法是错误的）
var url="dbrsz_Save.jsp?dbrbh="+document.all.hidProxy.value+"&yhbh="+document.all.yhbh.value+"&ywbh="+document.all("ywbh").value+"&t=" + timstamp;;
var ret=window.showModalDialog(url,setRead,WindowStyle);
if (ret == undefined){
ret = window.returnValue;
}
if(ret){
if(ret==2){
window.returnValue=2;
window.close();
}
}
}


IE提交的方式   document.form1.submit();
谷歌提交的方式     window.opener.document.form1.submit();


if (window.opener != undefined){
window.parent.opener.form1.action="ndjh_addPage.jsp?widstr="+selewid;
window.parent.opener.form1.submit();
}else{
window.returnValue = selewid;
}
注意;parent在前在后好像无所谓


注意： window.parent.parent.parent.opener默认为最近一个父窗体

out.print("<script> if(window.opener != undefined) { window.opener.Form1.submit();window.close();}else{closeModalDialog('2');}</script>");

一个方法也要加window.parent.opener.getBmbh();


刷新父窗口

window.opener.location.reload();



如何使用Holmos处理模态窗口（ModalDialog）
oggboy的专栏
06-27 1280
在自动化测试过程中发现点击某个按钮后弹出了一个特别的窗口。 特点一，该窗口不关闭就无法切换到其他窗口。 特点二，该窗口无法使用开发人员工具进行探测。   这个特别的窗口就是模态窗口：  对话框一般分为两种类型：模态类型（modal）与非模态类型（modeless）。 所谓模态对话框，就是指除非采取有效的关闭手段，用户的鼠标焦点或者输入光标将一直停留在其上的对话框。 非模态对话框则不会
Window_Open详解及IE兼容性处理
热门推荐
盐碘
11-30 2万+
杨勇bjash@126.com 2012-11-30 思远 IE兼容性处理：http://social.msdn.microsoft.com/Forums/en-US/iewebdevelopment/thread/402ecb05-9833-4ca1-83f1-f486056a1c04 To disable the address bar follow the steps below
window.opener用法
iBenxiaohai123的博客
08-19 3048
window.opener是js中window的一个属性,它返回的是打开当前窗口的窗口对象.如果窗口A弹出一个窗口B,那么在B中window.opener就是窗口对象A. 这是javascript参考手册里对于opener的描述 当一个窗口用open方法打开了一个新窗口的时候,opener属性就生效了,直到被打开的窗口关闭时失效. 你可以通过opener在被打开的窗口中对父窗口进行一系列
javascript刷新父页面的几种方法
jimlong的专栏
08-15 1万+
window.location.reload(); 使用window.open()弹出的弹出窗口，刷新父窗口 非模态刷新父页面 ：window.opener.location.reload() 使用window.showDialog弹出的模式窗口 模态刷新父页面   ：w
深入理解 `window.open`：用法、参数、兼容性与安全实践
最新发布
weixin_43172311的博客
05-13 3289
在Web开发中，window.open() 是一个常用的方法，用于打开新窗口或新标签页。尽管这个方法看似简单，但它涉及到诸多细节，包括参数配置、浏览器兼容性以及安全策略等。本文将深入探讨 window.open 的用法、相关知识点以及最佳实践，帮助开发者更全面地理解和正确使用这一方法。
jQuery解决浏览器兼容性问题案例分析
10-22
在Web开发中，浏览器兼容性问题一直是个棘手的问题，尤其是在JavaScript和DOM操作方面。jQuery作为一款广泛使用的JavaScript库，其核心目标之一就是提供一种跨浏览器的解决方案，以简化JavaScript编程，尤其是解决...
asp.net下用服务器端代码解决浏览器兼容性问题
10-29
在***开发中，浏览器兼容性问题一直是前端开发人员和网页设计师面临的一个挑战。由于不同的浏览器解释和渲染网页的方式各不相同，导致同样的网页在不同的浏览器中可能会有不同的表现。当面对频繁的兼容性问题时，...
CSS 多浏览器兼容性问题及解决方案
12-11
Javascript 多浏览器兼容性问题及解决方案 兼容性处理要点 1、DOCTYPE 影响 CSS 处理 2、FF: 设置 padding 后， div 会增加 height 和 width， 但 IE 不会， 故需要用 !important 多设一个 height 和 width 3、FF:...
浏览器兼容性问题1
08-08
浏览器兼容性问题一直是Web开发中的一个棘手挑战，尤其是在历史版本的Internet Explorer（IE）浏览器中，这些问题尤为突出。浏览器兼容性问题主要由于浏览器引擎的bug、网页标准的更新以及不同浏览器对标准的不同...
Javascript中window.opener的一点小总结
細水、長流√的专栏
12-28 2520
Javascript中window.opener的一点小总结 以前一直认为window.opener只有在window.open方法打开下的窗口才可以访问，没想到即使是a链接打开的页面的照样可以访问。window.opener指向父窗口，也就是来源窗口。可以利用window.opener获取来源页面location.href信息等，也可以操作来源 页面的DOM，十分强大 但下面
Window、document、form（属性、方法、事件）
沧海芙蓉
03-17 1万+
Window 窗口对象--返回值：它打开的窗口对象。----var newWindow = open(,_blank);--属性----name 窗口的名称，由打开它的连接（）或框架页（）或某一个窗口调用的 open() 方法（见下）决定。一般我们不会用这个属性。----status 指窗口下方的“状态栏”所显示的内容。通过对 status 赋值，可以改变状态栏的显示。----opener
再谈window.opener问题，ie跟google浏览器显示不同
阿凯的专栏
07-26 9183
window.opener.eval("parentName.value='"+ parentName +"'");上述代码在谷歌浏览器中显示好好的，可是在IE9中就没有效果了！搜索了一下，采用一下方法就可以了：window.opener.document.getElementB
弹框window.opener.document赋值给父页面
mengda_lei的博客
05-17 4266
  var choose_listForm =  window.open('choose_list.do?filter='+filter,'','status,scrollbars,resizable,left=10,top=0,width=900,height=700'); choose_listForm.focus(); window.open打开弹框页面后，在弹框页面操作通过wind...
js弹出子窗口的浏览器兼容性问题
liuyouli2012的专栏
09-29 5221
业务功能是，点击“修改”按钮弹出编辑子窗口，修改完成后点击保存，触发父窗口的“搜索”按钮加载新的修改后的内容显示。 检测的浏览器有“IE”,"FireFox","Chrome"。Window.open方法兼容性最好的是window.open()弹出框方法，三个浏览器都支持，并且三个浏览器都支持window.opener对象。通过window.opener方法得到父窗口，就可以容易的调用父窗口的任何方
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值