js弹窗返回值详解(window.open方式)

  test.php

  

复制代码 代码如下:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

  <html xmlns="http://www.w3.org/1999/xhtml">

  <head>

  <meta http-equiv="Content-Language" content="utf-8" />

  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

  <meta name="author" content="管理资源吧(MyZ)" />

  <meta name="Copyright" content="管理资源吧(MyZ)" />

  <meta name="description" content="" />

  <meta name="keywords"content="" />

  <link rel="icon" href="" type="image/x-icon" />

  <link rel="shortcut icon" href="" type="image/x-icon" />

  <link href="" rel="stylesheet" type="text/css" />

  <title></title>

  <script type="text/javascript">

  <!--

  function winOpen()

  {

  window.open ("test2.php", "", "height=400, width=400");

  }

  -->

  </script>

  </head>

  <body>

  <textarea id="text1" name="text1"></textarea>

  <input type="button" value="submit" name="submit" onclick="javascript:winOpen();" />

  </body>

  </html>

  </body>

  </html>

  test2.php

  

复制代码 代码如下:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

  <html xmlns="http://www.w3.org/1999/xhtml">

  <head>

  <meta http-equiv="Content-Language" content="utf-8" />

  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

  <meta name="author" content="管理资源吧(MyZ)" />

  <meta name="Copyright" content="管理资源吧(MyZ)" />

  <meta name="description" content="" />

  <meta name="keywords"content="" />

  <link rel="icon" href="" type="image/x-icon" />

  <link rel="shortcut icon" href="" type="image/x-icon" />

  <link href="" rel="stylesheet" type="text/css" />

  <title></title>

  <script type="text/javascript">

  <!--

  function winBack()

  {

  if(window.opener) {

  fWindowText1 = window.opener.document.getElementById("text1");

  fWindowText1.value = fWindowText1.value + "mayongzhan";

  window.close();

  }

  }

  -->

  </script>

  </head>

  <body>

  <input type="button" name="back" value="back" onclick="javascript:winBack();" />

  </body>

  </html>

  window.open详解

  window.open("sUrl","sName","sFeature","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对象的引用。

  说明:

  打开新窗口并载入sUrl指定的HTML文档。默认情况下,此方法建立的新窗口具有默认的高度、宽度,以及菜单、工具条等。您可以使用sFeatures参数改变它们的设置。

  当sFeatures参数被指定时,没有在参数值的列表中出现的装饰样式都会被自动设置为no。

  IE5+中允许控制打开的窗口的标题栏。通过在被信任的程序像Microsoft?VisualBasic或者HTML应用程式(HTA)中打开窗口可以关闭标题栏。他们是可信任的因为他们使用Microsoft?InternetExplorer作为浏览器接口。

  当文档内的对象上的事件(event)激发的函数调用open方法时,window对象的open方法被使用。而当文档内的对象上的事件(event)直接使用open方法时,document对象的open方法被使用。