谷歌浏览器使用window.open()

清疚 2023-10-19 06:58 109阅读 0赞

最近在谷歌浏览器下发现一个问题，就是使用谷歌浏览器已经不兼容window.showModalDialog了，所以还是改成使用window.open()。

一、window.showModalDialog实例：

1、父页面：js

var returnValue=window.showModalDialog("selectUserList.jsp?order_id="+order_id+"&appID="+appID+"&prod_name="+prod_name+"&order_state="+order_state+"&prod_id="+prod_id+"&app_code="+app_code+"&app_fee_type="+app_fee_type+"&admin_flag="+admin_flag,0,"dialogWidth=480px;dialogHeight=510px;resizable:no;dialogLeft:550px;dialogTop:100px;status:no;scroll:no;resizable:no");
    
    if(returnValue == "ok"){//"ok"就是子页面的返回值
      $("#goPageButton").click();
     }

2、子页面：selectUserList.jsp

window.returnValue = "ok";

二：window.open实例：

1、父页面：

<script language="javascript" type="text/javascript">
       var wd;
       var winTimer;//计时器变量, 监听窗口关闭 
       function openWindow() {
             wd = window.open("test2.html",null," height=300,width=450,  Left=300px,Top=20px, menubar=no,titlebar=no,scrollbar=no,toolbar=no, status=no,location=no");
             if (wd)  
              window.wd.focus();//判断窗口是否打开,如果打开,窗口前置  
              winTimer=window.setInterval("wisclosed()",500);
       }
       function wisclosed(){
        if(wd.closed){  
          alert(window.returnVaule);//子窗体返回值  
          //这里可以做赋值操作  
          window.clearInterval(winTimer);  
        }  
       }
     </script>
    </head>
    <body>
     <input type="button" id="btnShow" onclick="openWindow();"  value="显示子窗口"/>
    </body>

2、子页面：

<script language="javascript" type="text/javascript">
       function doclose() {
        window.opener.window.returnVaule="ok";  
        parent.window.close(); 
      }
    </script>
    </head>
    <body>
     <input type="button" id="btnSelect" onclick="doclose();"  value="关闭"/> 
    </body>

发表评论取消回复

表情：

评论列表（有 0 条评论，109人围观）

还没有评论，来说两句吧...

相关阅读

相关谷歌浏览器使用window.open()

最近在谷歌浏览器下发现一个问题，就是使用谷歌浏览器已经不兼容window.showModalDialog了，所以还是改成使用window.open()。一、window.s

清疚/ 2023年10月19日 06:58/ 0 赞/ 110 阅读

相关浏览器--谷歌浏览器

原文网址：[浏览器--谷歌浏览器\_IT利刃出鞘的博客-CSDN博客][--_IT_-CSDN] 简介修改插件快捷键的方法 > chrome://extension

曾经终败给现在/ 2023年02月18日 03:22/ 0 赞/ 101 阅读

相关谷歌浏览器崩溃

计算机\\HKEY\_LOCAL\_MACHINE\\SOFTWARE\\Policies\\Google\\Chrome RendererCodeIntegrityE

Bertha 。/ 2022年12月18日 08:59/ 0 赞/ 194 阅读

相关【谷歌浏览器】谷歌浏览器SameSite

> `前言` 转载自：[https://blog.csdn.net/opiqi/article/details/107955465][https_blog.csdn.net_

女爷i/ 2022年11月18日 04:38/ 0 赞/ 380 阅读

相关谷歌浏览器快捷键

谷歌浏览器部分快捷键 <table> <thead> <tr> <th align="left">快捷键组合</th> <th align="l

素颜马尾好姑娘i/ 2022年11月07日 14:32/ 0 赞/ 282 阅读

相关【谷歌】谷歌浏览器书签怎么同步

谷歌浏览器书签怎么同步方法1 [https://www.cnplugins.com/tool/chrometongbushoucangjia.html][http

灰太狼/ 2022年09月04日 10:51/ 0 赞/ 367 阅读

相关 react-native使用谷歌浏览器调试

学习交流：[https://gitee.com/potato512/Learn\_ReactNative][https_gitee.com_potato512_Learn_Re

迈不过友情╰/ 2022年05月22日 09:35/ 0 赞/ 474 阅读

相关谷歌浏览器设置

chrome 开发模式中如何移动控制台的位置 F12打开后打开三个点之后是单独显示下边显示和右侧显示 ![342ac65c1038534350981d989

雨点打透心脏的1/2处/ 2022年03月27日 05:45/ 0 赞/ 470 阅读

相关谷歌浏览器的使用

1、可以右键这里选择显示的内容 ![20190306003114531.png][] 2、查看且可以清除cookie ![watermark_type_ZmFuZ3poZ

缺乏、安全感/ 2022年03月12日 12:29/ 0 赞/ 415 阅读

相关谷歌浏览器开发工具使用教程

对于本文，作为一个Web开发人员，除了上面的原因以外，与我们开发相关的，就是Chrome的开发者工具。而本文，就是要详细说说Chrome的开发者工具，说说我为什么认为它比Fir

r囧r小猫/ 2022年01月17日 01:21/ 0 赞/ 424 阅读