`
flashdream8
  • 浏览: 680397 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

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

阅读更多

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)" onclick="window.open('child.html','child','width=400,height=300,left=200,top=200');">打开子窗口</a>

 

子窗口:

<script language="JavaScript" type="text/javascript"> 
<!-- 
         function refreshParent() {     
                window.opener.location.href = window.opener.location.href;    
                  if (window.opener.progressWindow)     {        
                         window.opener.progressWindow.close();     
                  }    
                 window.close(); 
         }
 //--> 
</script>  
<a href="javascript:void(0)" onclick="refreshParent()">刷新父窗口并关闭当前窗口</a>  

 

 

 

分享到:
评论
2 楼 flashdream8 2009-09-01  
最近用到了,方便查看。呵呵
1 楼 qingralf 2009-08-31  
强强。为什么置顶了呢。呵呵

相关推荐

    window.open最大化操作

    window.open方法可以打开一个新的浏览器窗口,该方法接受三个参数:URL、窗口名称和窗口特性。其中,窗口特性可以指定窗口的各种属性,如宽度、高度、工具栏、菜单栏、滚动条等。 现在,让我们来看一下如何使用...

    js window.open iframe dialog

    `window.open`是JavaScript中的一个内置函数,用于打开一个新的浏览器窗口或者标签页。它的基本语法是: ```javascript window.open(url, name, features); ``` - `url`: 指定新窗口或标签页加载的网页地址。 - `...

    easyUi弹出window窗口传值与调用父页面的方法,子页面给父页面赋值

    在EasyUI中,我们可能会遇到需要在弹出窗口(子页面)与父页面之间进行数据传递或调用父页面方法的需求。下面将详细讲解这个过程。 首先,让我们理解标题中的“弹出window窗口传值”。在EasyUI中,创建一个弹出窗口...

    父窗口与子窗口间的调用

    在JavaScript中,可以通过`window.open()`方法来打开一个新的浏览器窗口作为子窗口。这个方法的基本语法如下: ```javascript window.open(url, name, features); ``` - `url`:指定子窗口加载的页面地址,默认为...

    JS子窗口调用父窗口

    在JavaScript中,有时我们需要从一个子窗口(通常是通过`window.open()`方法打开的新窗口)与父窗口(即打开该新窗口的原始窗口)之间进行交互。这种交互可能包括调用父窗口中的函数或修改父窗口中元素的状态等。...

    js中用window.open()打开多个窗口的name问题

    在JavaScript编程中,`window.open()`是一个非常有用的API,它用于打开一个新的浏览器窗口,并返回对新窗口的引用。然而,当需要打开多个窗口时,会出现一些特定的问题,尤其是涉及到窗口的`name`属性。在IE7之后的...

    js(javascript)子窗口和父窗口交互

    在前端开发中,常常会遇到需要在一个窗口(通常称为父窗口)中打开另一个窗口(子窗口)的情况。这时,如何实现这两个窗口之间的数据交互便成了一个重要的问题。根据题目提供的信息,本文将详细介绍两种实现父窗口与...

    javascript 父窗口、子窗口传值问题

    例如,一个网页中的超链接可以使用`window.open()`方法打开一个新的窗口,新窗口就是子窗口,而原来的窗口则是父窗口。 ### 父窗口向子窗口传值 1. **通过`window.open()`方法传参**:在创建子窗口时,可以通过URL...

    javascript经典特效---子窗口对父窗口的操作.rar

    `window.opener`提供了对创建当前窗口的窗口的引用,允许我们在子窗口中操作父窗口的元素或者调用父窗口的函数。 子窗口对父窗口的操作主要包括以下几种: 1. 改变父窗口的URL:在子窗口中,我们可以使用`window....

    子窗口刷新父窗口总结

    在使用jQuery进行页面加载的情况下,可以通过调用父窗口中的特定函数来触发刷新行为。例如,假设父窗口中定义了一个名为`queryzjzd`的函数,那么在子窗口中,可以这样操作: ```javascript // 子窗口代码 window....

    子窗口传值到父窗口.rar

    - 父窗口中,打开子窗口时保存一个引用,如`var childWindow = window.open(...)` - 然后在适当的时候,通过`childWindow`访问子窗口的变量或方法。 2. **使用window.postMessage API**: - HTML5引入了`window....

    javascript打开静态子窗口

    `window.showModalDialog()` 方法是另一种用于打开子窗口的方式,该方法可以创建一个模态对话框,即新打开的窗口会阻止用户与主窗口进行交互,直到新窗口被关闭。这种方法非常适用于需要用户完成某些操作后才能继续...

    layer.open关闭父窗口 以及调用父页面的方法

    总结一下,本篇文章主要介绍了如何使用 layer.open 打开弹窗,并在弹窗中关闭父窗口以及调用父页面的方法。这些技巧在实际开发中非常实用,可以帮助我们构建更加交互丰富的用户体验。希望本文能对你在使用 layer.js ...

    js 子窗体调用父窗体中的方法

    在网页开发中,有时我们需要在弹出的子窗口与父窗口之间进行交互,例如子窗口向父窗口传递数据或调用父窗口的方法。这在处理用户界面交互和数据同步时非常常见。本篇将详细讲解如何使用JavaScript实现子窗体调用父...

    通过window.opener控制父窗体

    在Web开发中,有时我们需要在弹出的子窗口与打开它的父窗口之间进行通信。"通过window.opener控制父窗体"这个主题就是关于如何在JavaScript中实现这种跨窗口交互的技术。下面将详细阐述这个知识点。 一、window....

    子窗口向父窗口传递值

    通常,我们可以使用`window.open()`函数来创建一个新的浏览器窗口。例如: ```javascript window.open('subwin.htm', '测试子窗口 1', 'width=450,height=300'); ``` 这里的参数依次是子窗口的URL、窗口名称和特性...

    showModalDialog使用例子,父窗口向子窗口传递值,子窗口设置父窗口的值,子窗口关闭的时候返回值到父窗口

    在JavaScript中,`showModalDialog`是一个非常有用的函数,它允许我们打开一个新的浏览器窗口或对话框,并与父窗口进行交互。这个功能在开发过程中经常用于创建弹出式表单、确认对话框或者需要用户输入信息的场景。...

    open 关闭子页面刷新父页面

    根据给定的代码片段和描述,“open关闭子页面刷新父页面”这一主题涉及到的关键知识点主要包括:使用JavaScript打开新窗口、父窗口与子窗口之间的通信,以及通过特定事件触发父窗口的刷新。 ### 使用JavaScript打开...

    layer弹窗:top.layer弹窗到父页面跨域解决办法

    它的工作原理是:一个窗口向其打开的子窗口、其父窗口或者任何其他与之有某种关系的窗口发送消息。 现在,我们回到layer弹窗插件。layer是一款轻量级的JavaScript弹层组件,它可以方便地创建各种弹出层,如提示、...

    javascript关闭子窗口

    在Web开发中,子窗口通常是指通过`window.open()`函数创建的新窗口或标签页。这个函数可以接受一个URL和一个窗口名称作为参数,返回一个新的`Window`对象,代表新开的窗口。 `javascript关闭子窗口`这个话题的核心...

Global site tag (gtag.js) - Google Analytics