JS 用window.open()函数,父级页面如何取到子级页面的返回值?

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对象的引用。

 

-------------------------------------------------------------------------------------------------------------------

 

方法:

 

 1:  在父级页面 test.aspx 的点击<input type="button" id="btnShow" οnclick="showItem();"  value="显示子窗体"/>按钮触发 ,然后 :

  <script language="javascript" type="text/javascript">
   function showItem() {

         var  win = window.open("test2.aspx",null," height=300,width=450,  Left=300px,Top=20px, menubar=no,titlebar=no,scrollbar=no,toolbar=no, status=no,location=no");

  }

 

  2: 在子级页面test2.aspx的点击<input type="button" id="btnSelect" οnclick="check();"  value="选择"/> 按钮触发,然后:

    <script language="javascript" type="text/javascript">
   function check() {

          window.opener.document.getElementById("txtId").value=id;
          window.opener.document.getElementById("txtName").value=name;

  }

 

  这样,父级页面的document.getElementById("txtId") 和 document.getElementById("txtName") 2个控件就可以得到子级页面的返回值。

 

 

 

 

 

 

 

 

 

  • 0
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 8
    评论
共70页,复制两页供参考,如下: 1 JavaScript基本语法 1) 读未声明的变量会产生错误。写未声明的变量会是JavaScript环境自动产生一个全局变量。 2) 对于完全等同“===”,两个null或者两个undefined是等同的;但null与undefined是不等同的。 3) 对于相等“==”, null与undefined是相等的。若与对象比较,核心语言内部类会尝试用valueof()转换,再尝试用toString()转换。就是说valueof()会比toString()有更高的优先级。但规则不绝对,例如Date类,它会首先尝试用toString()转换。当类的这两个方法实现不一致时,在要进行类型转换时指定具体的实现方法比较安全。 4) 在比较运算中,若一个对象或被转换成NaN(Not a Number),则永远返回false。 5) in可以检查指定字符串是否是一个对象的基本属性或方法名称;instanceof运算符返回左边的对象是否右边类的一个实例;delete可以删除一个属性,它不会影响到属性关联的对象的生存,若该属性不存在会返回true;[]可以以字符串的方式存取对象的属性。 6) typeof函数返回值:数字——number,字符串——string,布尔——Boolean,对象、数组、null——object,函数名——function或undefined(未定义时)。主要用来区别区别对象和原始类型。要区分对象的具体类型,用instanceof运算符。 7) 在函数体内有隐含的arguments对象,可取得所有入的参数,可用类似数组的方式读/写各参数,length属性表示参数的个数。但函数的只读属性length表示函数实际定义的参数个数。一个名为callee的属性代表函数本身。 8) 构造函数也是函数,但它通过new调用,无返回值函数体内通过this来取得将要初始化的对象。 9) 对象的方法可用this对对象自身进行操作,其它方面与普通的函数没有任何区别。 10) 每个类都有一个原型(prototype)对象,它具有一套属性和方法,用来共享一个类的方法和常量,还有一个constructor的属性引用构造函数。 11) JavaScript中面向对象的特性: a) 实例属性:在构造函数创建或初始化的属性。 b) 实例方法:在构造函数中把原型对象中的一个属性设为函数来实现。 c) 类属性:构造函数本身的属性。 d) 类方法:用合适的函数作为构造函数本身的一个属性。 e) 类:把原型对象赋类的一个实例,默认类为Object的实例。同时还要将prototype.constructor赋类的构造函数自己。 f) 继承:只是在查询一个属性时自动发生,而不会在写属性时发生,就是说单写一个类的属性时,JavaScript环境会为对象本身创建一个同名的属性,从此该属性就覆盖了类中的属性。 12) 创建一个数组可用 new Array() 。可以在构造函数参数中指定数组的前n个元素的。数组的元素可以具有任意类型,甚至是另外一个数组。同一数组中可以存在不同类型的元素。数组的length是可读写的。这也是缩短一个数组的唯一方法。 2 客户端JavaScript 2.1 Window类 1) Window类的实例是全局对象,用它的window或者self属性可引用它自己。 2) 一个应用程序出现的每个窗口或框架都对应一个Window对象,而且都为客户端JavaScript代码定义了一个唯一的执行环境。 3) 脚本执行过程是Web浏览器的HTML解析过程的一部分。脚本按照它们的出现顺序执行。 4) 简单的对话框可用:alert()、 confirm()、 prompt()之一。 5) 时间间隔方法为: setInterval()、 cleraInterval() 。 6) onerror属性指明错误处理的方式。 navigator属性包含Web浏览器总体信息。 screen属性包含显示器的信息。 7) 打开窗口用open()方法,返回值是被打开的窗口。调用应该明确指明是window.open(),以避免和document.open()方法混淆。同时还应该调用focus()方法使窗口成焦点保证窗口可见。opener属性是打开自己的那个窗口,若是用户手动打开,这位null。 8) 关闭窗口用window.close()方法,窗口关闭后,代表它的Window对象可能还生存,可用closed属性进行判断它是否已经被关闭。 9) 控制窗口几何大小可用moveTo()、moveBy()、resizeTo()、resizeBy()。滚动可用scrollTo、scrollBy()。 10) 成焦点和失焦点可用 focus()、blur()。 11) location属性代表当前显示文档的URL。对其赋使浏览器装载新的URL(用Back按钮能回退到原页面)。其实,它是Location类的一个实例,它还有一个reload()方法可以装载信的URL(用Back按钮不能回退到原页面)。 12) history属性可看成是代表历史URL的一个特殊数组,它的可读length属性表明数组的长度。支持三种方法back()、forword()、go()。 13) 一个窗口中的任何框架都可以使用属性frames、parent和top引用窗口中的其它框架。 14) 若框架指定了名字,引用就会被存储到它的Window对象的一个同名新属性中。 15) 自定义的函数和构造函数只在定义它的窗口中可见。别的窗口要先通过一个属性来引用。但JavaScript默认的函数和构造函数会在每个窗口中拥有独立副本。 16) onload()和onunload()事件分别在网页装载完成后和卸载前执行。
在使用 `window.open()` 函数创建一个新的窗口时,无法直接获取该窗口的返回值。这是因为该函数是异步的,新打开的窗口需要时间来加载和处理内容,而 JavaScript 代码会继续执行,无法等待窗口加载完成后再获取返回值。 但是,可以通过在新窗口中执行 JavaScript 代码来将返回值递回原始窗口。具体方法如下: 1. 在打开新窗口时,给该窗口添加一个唯一的标识符,例如一个随机数或者时间戳。 2. 在新窗口中定义一个 JavaScript 函数,该函数将需要返回的作为参数,然后调用原始窗口中的一个 JavaScript 函数,并将返回值作为参数递给它。 ```javascript function sendValueToParent(value) { window.opener.receiveValueFromChild(value); } ``` 3. 在原始窗口中定义一个 JavaScript 函数,该函数将接收从新窗口递过来的。 ```javascript function receiveValueFromChild(value) { console.log(value); } ``` 4. 在打开新窗口的代码中,为 `window.open()` 函数设置一个定时器,定期检查新窗口是否已经加载完毕。如果新窗口已经加载完毕,则调用在新窗口中定义的 JavaScript 函数,将返回值递回原始窗口。 ```javascript var childWindow = window.open('child.html?id=123456', '_blank'); var intervalId = setInterval(function() { if (childWindow.closed) { clearInterval(intervalId); } else if (childWindow.document.readyState === 'complete') { childWindow.sendValueToParent('Hello, World!'); clearInterval(intervalId); } }, 1000); ``` 需要注意的是,该方法只适用于在同一个域名下打开的新窗口。如果打开的是外部网站或者跨域的页面,则无法通过 JavaScript 直接访问该页面的内容,也无法获取该页面返回值

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 8
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值