js关闭当前页面(窗口)的几种方式总结(原文:http://www.jb51.net/article/34502.htm)

来源:互联网 发布:英语语法 视频 知乎 编辑:程序博客网 时间:2024/05/21 11:30

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 来实现"更新记录后关闭子窗口并刷新父窗口".


父窗口:
?
1
<a href="javascript:void(0)" onclick="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)" onclick="refreshParent()">刷新父窗口并关闭当前窗口</a>

阅读全文
0 0