`
wangxuliangboy
  • 浏览: 210678 次
  • 性别: Icon_minigender_1
  • 来自: 上海
文章分类
社区版块
存档分类
最新评论

JAVASCRIPT访问父窗口的变量或方法

阅读更多

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>

 

 

分享到:
评论
1 楼 hyj1254 2010-02-01  
建议颜色对比再明显一点

相关推荐

    JavaScript子窗口调用父窗口变量和函数的方法

    本文实例讲述了JavaScript子窗口调用父窗口变量和函数的方法。分享给大家供大家参考。具体如下: 示例1:子窗口是新打开的窗口 父窗口: &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ...

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

    在JavaScript编程中,父窗口与子窗口之间的通信是一种常见的需求,特别是在构建多窗口应用程序或弹出窗口时。本文将深入探讨如何在JavaScript中实现父窗口与子窗口之间的数据传递。 首先,我们需要理解“父窗口”和...

    JavaScript操作iframe父窗口和子窗口例子

    4. **子窗口访问父窗口**: - 子窗口中的JavaScript可以使用`parent`或`top`关键字来引用父窗口的对象和方法。 - 例如,调用父窗口的函数:`parent.myFunction()`;获取父窗口的变量:`var parentVar = parent....

    js实现ifram取父窗口URL地址的方法

    总结来说,通过window.parent对象访问父窗口信息是iframe嵌入式开发中的常见操作。获取父窗口URL地址的方法虽然简单,但在实际操作中需要考虑浏览器安全策略的限制,以及iframe与父窗口之间的同源问题。掌握了这些...

    子窗口传值到父窗口.rar

    - 子窗口可以通过`window.opener`属性访问父窗口的对象。例如,如果我们在子窗口中有一个变量`value`要传递,可以使用`window.opener.value = '新值'`来设置父窗口中的`value`。 - 父窗口中,打开子窗口时保存一个...

    模式窗口操作父窗口

    这段代码首先使用`window.opener.document.getElementById`方法定位到父窗口中的一个元素,假设其ID为`ContentPlaceHolder1_txtFile`,然后修改这个元素的`value`属性,将其设置为一个包含了`FileTitle`和`name`变量...

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

    子窗口可以通过`window.opener`属性访问父窗口的对象和方法。但是,由于同源策略的限制,只有当子窗口与父窗口位于同一域时,才能修改父窗口的值。例如,子窗口可以这样设置父窗口的变量: ```javascript window....

    JS子父窗口互相操作取值赋值的方法介绍

    如果需要访问父窗口的父窗口的元素,可以继续使用window.parent.parent来获取,依此类推,我们还可以使用***或window.opener来获取顶层窗口或打开当前窗口的原窗口的文档对象。 在创建子窗口和进行父窗口与子窗口...

    子父窗口传值

    - `window.parent`:子窗口可以通过`window.parent`访问父窗口的对象,调用其方法或修改变量来接收数据。 - 事件触发:与子窗口向父窗口传值类似,父窗口也可以通过触发事件来传递数据给子窗口。 3. **FineUI中的...

    iframe和父窗口通讯实例

    通过JavaScript,我们可以在父窗口中访问`iframe`的DOM,反之亦然。例如,使用`document.getElementById('iframeId').contentWindow`或`.contentDocument`可以获取到`iframe`的窗口对象或DOM。 2. **事件监听与触发...

    Iframe获取父页面的变量和控件

    在JavaScript中,我们可以通过 `window.parent` 对象来访问父页面的全局变量。假设父页面有一个全局变量 `parentVar`,我们可以在子页面中这样获取: ```javascript var parentVarValue = window.parent.parentVar;...

    javascript经典特效---子父窗口的刷新.rar

    这样,子窗口可以通过`window.opener`来访问或操作父窗口的属性和方法。 3. **页面动态更新**: 要实现窗口的刷新,我们可以使用`window.location.reload()`方法,该方法会重新加载当前页面。例如,当用户在子窗口...

    javascript 弹出的窗口返回值给父窗口具体实现

    2. 使用`window.opener`属性访问父窗口的DOM元素。 3. 遍历和操作复选框元素。 4. 在不同窗口间传递数据,即子窗口修改父窗口的元素值。 了解这些知识后,你就能在实际项目中实现类似的功能,让用户体验更加流畅和...

    JavaScript弹出新窗口后向父窗口输出内容的方法

    本文将详细阐述在JavaScript中如何操作浏览器窗口,特别是如何在打开一个新的浏览器窗口后,再从这个新窗口向其父窗口(即打开它的窗口)输出内容的方法。 ### 知识点概述 1. **window.open() 方法** `window....

    Jquery调用iframe父页面中的元素及方法

    我们也可以通过window.parent直接访问父页面中定义的方法和变量。例如,如果父页面定义了一个名为"getHelloWorld"的函数和一个名为"hello"的变量,那么在iframe中可以通过以下方式调用: ```javascript parent.get...

    JS与jQuery实现子窗口获取父窗口元素值的方法

    使用jQuery时,同样可以通过`window.opener`来访问父窗口,并且可以使用jQuery提供的方法来简化DOM操作。具体实现如下: ```javascript $(function(){ var temp = $("#aa", window.opener.document).val(); $("#...

    JavaScript中的子窗口与父窗口的互相调用问题

    父窗口通过这个引用可以控制子窗口,子窗口也可以通过它访问父窗口。 在使用window.open()方法时,开发者可以指定窗口打开时的各种参数,如窗口名称、尺寸、位置、是否显示各种界面元素等。例如,'page.html'是要...

    浅谈js中子页面父页面方法 变量相互调用

    由于它们处于不同的浏览上下文,因此直接调用另一页面中的变量或方法有一定的限制。但是,JavaScript提供了相应的机制来实现这一需求。 子页面调用父页面的方法或变量的原理是通过父页面的Window对象进行的。在...

    javascript实现从子页与父页传递参数

    8. **IFrame通信**:如果子页面是嵌入在父页面的IFrame中,可以通过`window.parent`或`window.frames`访问父页面,利用`contentWindow`属性进行通信。这种方法适用于同源策略下的父子页面交互。 每种方法都有其适用...

Global site tag (gtag.js) - Google Analytics