父窗口和子窗口之间方法调用 js

弹出窗口两种方式:
    1.window.showModalDialog:
      var feature = "dialogWidth:615px;dialogHeight:505px;status:no;help:no;scroll:no;resizable:no;center:yes";
      window.showModalDialog(url, Object(传给弹出窗口的参数,可以是任何类型),feature)
      决定窗口的外观是第三个参数feature,其中center属性指定为"yes",弹出窗口居中;
      如果想手动指定弹出窗口的具体位置,去掉center属性,
       用dialogTop(弹出窗口上边界居屏幕上的距离)
       dialogLeft(弹出窗口左边界居屏幕左的距离)属性
      如:(距离是px像素),这里手动指定弹出窗口位置居中
      var iTop = (window.screen.availHeight-550)/2; //获得窗口的垂直位置,550为弹出窗口的height;
      var iLeft = (window.screen.availWidth-640)/2; //获得窗口的水平位置,640为弹出窗口的width;
      var feature = "dialogWidth:615px;dialogHeight:505px;status:no;help:no;scroll:no;resizable:no;dialogTop:'+iTop+';dialogLeft:'+iLeft+';";
    2.window.open:  
      var feature = "width=615,height=505,menubar=no,toolbar=no,location=no,scrollbars=no,status=no,modal=yes"
      window.open(url, window(弹出窗口的名字), feature)
      手动指定弹出窗口位置,属性top:(弹出窗口上边界居屏幕上的距离)
                            属性left:(弹出窗口左边界居屏幕左的距离)
      下面指定弹出窗口位置居中(这种方式没有center属性):
       var iTop = (window.screen.availHeight-550)/2; //获得窗口的垂直位置,550为弹出窗口的height;
      var iLeft = (window.screen.availWidth-640)/2; //获得窗口的水平位置,640为弹出窗口的width;
      var feature = "width=615,height=505,top="+iTop+",left="+iLeft+",menubar=no,toolbar=no,location=no,scrollbars=no,status=no,modal=yes";
   
   子窗口调用父窗口的东东(控件或者方法):
   1. window.open打开的子窗口有window.opener属性
     子窗口通过window.opener.xxxx获得父窗口的东东。
     如:window.opener.document.getElementById("userName");得到父页面的控件。
       window.opener.fresh();调用父页面的js方法。
   2. window.showModalDialog:不支持window.opener,
      父窗口通过showModalDialog(url,para,feature)第二个参数para传参数给子窗口,
      子窗口通过window.dialogArguments获得父窗口穿过来的东西。及获得传过来的的二个参数
      子窗口通过window.dialogArguments.xxxx获得父窗口的东东。
     
      如:这里传父页面的的window过去
        父页面:showModalDialog(url,window,feature)
       子页面:var name = window.dialogArguments.document.getElementById("userName").value;得到父页面的控件。
            var name = window.dialogArguments.fresh();调用父页面的方法。
      这里的window.dialogArguments就相当于父页面的window,它是通过showModalDialog方法的第二个参数window传过来的,
      当然也可以传数组或其它变量。
      showModalDialog(url,[1,2,3],feature) //父页面传一个数组给子窗口
      showModalDialog(url,window,feature) //父页面把自己的window参数传给子窗口

================================================================================================================================================================

 

 

 

window.open 只打开一个窗口是将
  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   对象的引用。

posted on 2013-01-18 23:50  mkyong  阅读(608)  评论(0)    收藏  举报

导航