window.open window.showModelDialog 打开一个新窗口/子窗口中调用父窗口的方法

守給你的承諾、 提交于 2019-11-27 01:40:20

window.open 只打开一个窗口是将

     oNewWindow   =   window   .   open   (   sURL   ,   sName   ,   sFeatures   ,   bReplace   )

中的sName 设置成一个固定值,如果有框架的话设置成“_top”

语法:  
  oNewWindow   =   window   .   open   (   sURL   ,   sName   ,   sFeatures   ,   bReplace   )    
  参数:  
  sUrl     :   可选项。字符串(String)。指定要被加载的HTML文档的   URL   地址。假如无指定值,则   about:blank   的新窗口会被显示。    
  sName     :   可选项。字符串(String)。   指定打开的窗口的名字。这个名字可以用于   form   或   a   对象的   TARGET   属性。此名字也可以使用下列通用名称:   _media     :   IE6.0     在浏览器左边的媒体面板内打开   sUrl   。    
  _blank     :     在新窗口中打开   sUrl   。    
  _parent     :     在当前框架的父框架内打开。假如当前框架无父框架,此参数值等同于   _self   。    
  _search     :   IE5.0     在浏览器左边的搜索面板内打开   sUrl   。    
  _self     :     sUrl   在当前窗口中打开,覆盖当前文档。    
  _top     :     在所有框架之外的最顶层窗口中打开   sUrl   。假如当前窗口无框架结构,此参数值等同于   _self   。
   
     
  sFeatures     :   可选项。字符串(String)。   指定窗口装饰样式。使用下面的值。多个之间用逗号隔开。只有当新的浏览器窗口被建立时,此参数的设置才会发生作用。   channelmode   =   {   yes   |   no   |   1   |   0   }        指定是否将窗口显示为频道模式。默认值为   no   。    
  directories   =   {   yes   |   no   |   1   |   0   }        指定是否显示「链接」按钮。默认值为   yes   。    
  fullscreen   =   {   yes   |   no   |   1   |   0   }        指定是否以全屏方式显示窗口。默认值为   no   。要小心使用全屏模式,因为这种模式会隐藏浏览器窗口的标题栏和菜单。如果没有在页面内提供关闭窗口的功能,用户可以使用   ALT+F4   快捷键关闭窗口。    
  height   =   number        设置窗口的高度。最小值为   100   。    
  left   =   number        设置窗口左上角相对于桌面的横坐标。单位为像素(   px   )。    
  width   =   number        设置窗口的宽度。最小值为   100   。    
  top   =   number        设置窗口左上角相对于桌面的纵坐标。单位为像素(   px   )。    
  location   =   {   yes   |   no   |   1   |   0   }        设置是否显示浏览器窗口的地址栏。默认值为   yes   。    
  menubar   =   {   yes   |   no   |   1   |   0   }        设置是否显示浏览器窗口的菜单栏。默认值为   yes   。    
  resizable   =   {   yes   |   no   |   1   |   0   }        设置窗口是否允许被用户改变尺寸。默认值为   yes   。    
  scrollbars   =   {   yes   |   no   |   1   |   0   }        设置窗口是否可以具有滚动条。默认值为   yes   。    
  status   =   {   yes   |   no   |   1   |   0   }        设置是否显示浏览器窗口的状态栏。默认值为   yes   。    
  titlebar   =   {   yes   |   no   |   1   |   0   }        设置是否显示浏览器窗口的标题栏。除非调用程序是HTML应用程式(   HTA   )或被信任的对话框,否则此参数将被忽略。默认值为   yes   。    
  toolbar   =   {   yes   |   no   |   1   |   0   }        设置是否显示浏览器窗口的工具条。默认值为   yes   。    
     
  bReplace     :   可选项。布尔值(Boolean)。false   |   true   false     :   新打开的文档覆盖历史列表里的当前文档。    
   
  true     :   文新打开的文档被简单的添加到历史列表的最后。    
     
   
  返回值:  
  oNewWindow     :   对象(Element)。返回对新的   window   对象的引用。    
_______________________________________________________________________________________

 

当弹出子窗口使用的是 window.open();

方法时可以在子窗口使用:

                             1 . parant.method();

                             2 . opener.method();

两个方法调用父窗口的方法!

 

当弹出窗口使用的是模态窗口 window.showModelDialog();方法时可以在子窗口使用:

1 . var parentObj = window.dialogArguments;
      parentObj.method(); 

方法调用父窗口的方法!

 

建议使用方法时考虑清楚弹出窗口究竟是什么模式的对话框,如果不清楚建议使用:

 

 

try{

         opener.method();//弹出的是普通窗口

}catch(e1){

    try{

           var parentObj = window.dialogArguments;//弹出的是模态窗口
            parentObj.method(); 

     }catch(e2){//有可能父窗口没有这个方法!

 }

 

 

 

 

//=====================================================================

 

子窗口给父窗口传值的时候

 

window.parent.opener.document.getElementById("A431").value= “12312”

 

 

//=====================================================================

 

有时我们需要在新打开的窗口里面编辑信息,等编辑完了,需要将当前窗口关闭并且刷新父窗口,以使修改生效,本文就是介绍用 javascript 来实现"更新记录后关闭子窗口并刷新父窗口".

 

父窗口:

<a href="javascript:void(0)" οnclick="window.open('child.html','child','width=400,height=300,left=200,top=200');">打开子窗口</a>

 

子窗口:

Js代码  
  1. <script language="JavaScript" type="text/javascript">    
  2. <!--    
  3.          function refreshParent() {        
  4.                 window.opener.location.href = window.opener.location.href;       
  5.                   if (window.opener.progressWindow)     {           
  6.                          window.opener.progressWindow.close();        
  7.                   }       
  8.                  window.close();    
  9.          }   
  10.  //-->    
  11. </script>     
  12. <a href="javascript:void(0)" οnclick="refreshParent()">刷新父窗口并关闭当前窗口</a>    
 

转载于:https://www.cnblogs.com/opaljc/archive/2012/09/18/2690536.html

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!