javascript中,当父窗口打开一个新窗口,当前新窗口怎么去访问父窗口的变量或方法呢?
调用函数、变量的方法一样,都是需要获得父窗口的window对象,然后通过window.method()或者 window.variable 来调用。
Sample:
A页面:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title></title>
<script type="text/javascript">
var array=new Array();
array.push("A");
array.push("A");
function sayHello()
{
alert("hello, method");
}
function openBtnClicked()
{
var newwin=window.open('B.html',"test","toolbar=no,location=no,top=100,left=100,directories=no,status=yes,menubar=no,scrollbars=yes,location=no,resizable=yes,width=300,height=200");
newwin.focus();
}
</script>
</head>
<body>
<input type="button" name="openBtn" value="打开窗口" onclick="openBtnClicked()" />
</body>
</html>
B页面:
<script>
var obj=window.opener.parent;
alert(obj.sayHello() );
alert(obj.array);
</script>
分享到:
相关推荐
本文实例讲述了JavaScript子窗口调用父窗口变量和函数的方法。分享给大家供大家参考。具体如下: 示例1:子窗口是新打开的窗口 父窗口: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ...
在JavaScript编程中,父窗口与子窗口之间的通信是一种常见的需求,特别是在构建多窗口应用程序或弹出窗口时。本文将深入探讨如何在JavaScript中实现父窗口与子窗口之间的数据传递。 首先,我们需要理解“父窗口”和...
4. **子窗口访问父窗口**: - 子窗口中的JavaScript可以使用`parent`或`top`关键字来引用父窗口的对象和方法。 - 例如,调用父窗口的函数:`parent.myFunction()`;获取父窗口的变量:`var parentVar = parent....
总结来说,通过window.parent对象访问父窗口信息是iframe嵌入式开发中的常见操作。获取父窗口URL地址的方法虽然简单,但在实际操作中需要考虑浏览器安全策略的限制,以及iframe与父窗口之间的同源问题。掌握了这些...
- 子窗口可以通过`window.opener`属性访问父窗口的对象。例如,如果我们在子窗口中有一个变量`value`要传递,可以使用`window.opener.value = '新值'`来设置父窗口中的`value`。 - 父窗口中,打开子窗口时保存一个...
这段代码首先使用`window.opener.document.getElementById`方法定位到父窗口中的一个元素,假设其ID为`ContentPlaceHolder1_txtFile`,然后修改这个元素的`value`属性,将其设置为一个包含了`FileTitle`和`name`变量...
子窗口可以通过`window.opener`属性访问父窗口的对象和方法。但是,由于同源策略的限制,只有当子窗口与父窗口位于同一域时,才能修改父窗口的值。例如,子窗口可以这样设置父窗口的变量: ```javascript window....
如果需要访问父窗口的父窗口的元素,可以继续使用window.parent.parent来获取,依此类推,我们还可以使用***或window.opener来获取顶层窗口或打开当前窗口的原窗口的文档对象。 在创建子窗口和进行父窗口与子窗口...
- `window.parent`:子窗口可以通过`window.parent`访问父窗口的对象,调用其方法或修改变量来接收数据。 - 事件触发:与子窗口向父窗口传值类似,父窗口也可以通过触发事件来传递数据给子窗口。 3. **FineUI中的...
通过JavaScript,我们可以在父窗口中访问`iframe`的DOM,反之亦然。例如,使用`document.getElementById('iframeId').contentWindow`或`.contentDocument`可以获取到`iframe`的窗口对象或DOM。 2. **事件监听与触发...
在JavaScript中,我们可以通过 `window.parent` 对象来访问父页面的全局变量。假设父页面有一个全局变量 `parentVar`,我们可以在子页面中这样获取: ```javascript var parentVarValue = window.parent.parentVar;...
这样,子窗口可以通过`window.opener`来访问或操作父窗口的属性和方法。 3. **页面动态更新**: 要实现窗口的刷新,我们可以使用`window.location.reload()`方法,该方法会重新加载当前页面。例如,当用户在子窗口...
2. 使用`window.opener`属性访问父窗口的DOM元素。 3. 遍历和操作复选框元素。 4. 在不同窗口间传递数据,即子窗口修改父窗口的元素值。 了解这些知识后,你就能在实际项目中实现类似的功能,让用户体验更加流畅和...
本文将详细阐述在JavaScript中如何操作浏览器窗口,特别是如何在打开一个新的浏览器窗口后,再从这个新窗口向其父窗口(即打开它的窗口)输出内容的方法。 ### 知识点概述 1. **window.open() 方法** `window....
我们也可以通过window.parent直接访问父页面中定义的方法和变量。例如,如果父页面定义了一个名为"getHelloWorld"的函数和一个名为"hello"的变量,那么在iframe中可以通过以下方式调用: ```javascript parent.get...
使用jQuery时,同样可以通过`window.opener`来访问父窗口,并且可以使用jQuery提供的方法来简化DOM操作。具体实现如下: ```javascript $(function(){ var temp = $("#aa", window.opener.document).val(); $("#...
父窗口通过这个引用可以控制子窗口,子窗口也可以通过它访问父窗口。 在使用window.open()方法时,开发者可以指定窗口打开时的各种参数,如窗口名称、尺寸、位置、是否显示各种界面元素等。例如,'page.html'是要...
由于它们处于不同的浏览上下文,因此直接调用另一页面中的变量或方法有一定的限制。但是,JavaScript提供了相应的机制来实现这一需求。 子页面调用父页面的方法或变量的原理是通过父页面的Window对象进行的。在...
8. **IFrame通信**:如果子页面是嵌入在父页面的IFrame中,可以通过`window.parent`或`window.frames`访问父页面,利用`contentWindow`属性进行通信。这种方法适用于同源策略下的父子页面交互。 每种方法都有其适用...