window.opener 是window.open或超链接<a> 打开的子页面调用父页面对象
例子如下
a.html
复制代码代码如下:
<html>
<head>
<title>父页面</title>
<script type="text/javascript">
function openB()
{
window.open('b.html','b','width=400,height=200,status=no,toolbar=no,menubar=no,location=no,resizable=yes,left=200,top=100');
}
</script>
</head>
<body>
<form id="form1" action="">
<div>
输入值：
<input type="text" name="username" id="username" /><br />
<input type="button" value="打开窗口B" onclick="openB();" /><br />
<a href="b.html" target="_blank">超链接打开B页面</a>
</div>
</form>
</body>
</html>
b.html
复制代码代码如下:
<html>
<head>
<script type="text/javascript">
function getpValue()
{
document.getElementByIdx_x_x_x("span1").innerText=window.opener.document.getElementByIdx_x_x_x("username").value;
}
</script>
</head>
<body>
<span>文本框值为：</span><span id="span1"></span><br />
<input type="button" value="获取父窗口内的文本框值" onclick="getpValue();">
</body>
</html>
相关推荐
总结，`iframe`中的JavaScript交互涉及到页面间的通信，无论是父页面调用子页面还是子页面调用父页面，都需要理解`window`对象、同源策略以及跨域通信机制。正确使用这些技术，可以在多页面应用中实现更复杂的功能...
在网页开发中，有时我们需要在弹出的子窗口与父窗口之间进行交互，例如子窗口向父窗口传递数据或调用父窗口的方法。这在处理用户界面交互和数据同步时非常常见。本篇将详细讲解如何使用JavaScript实现子窗体调用父...
当在网页中用javascript winow.open 打开一个新窗口后，是否能在你窗口中调用并执行新窗口中的代码或调取其中的元素? 答案是肯定的。 这段示例代码不但能在父窗口页面test.html中执行被打开的新窗口页面test-open...
当在网页中用javascript winow.open 打开一个新窗口后，是否能在父窗口中调用并执行新窗口中的代码或调取其中的元素? 答案是肯定的。 这段示例代码不但能在父窗口页面test.html中执行被打开的新窗口页面test-open...
要解决iframe跨域调用父页面js方法的问题，我们可以利用以下几种技术： 1. **HTML5的postMessage和message事件**：这是现代浏览器支持的一种跨域通信方式。在iframe中，我们可以使用`window.parent.postMessage...
"iframe父页面与子页面通信及相互调用方法"是一个重要的主题，涉及到跨域安全、DOM操作以及JavaScript/jQuery的交互技术。下面将详细解释这一知识点。 1. **基本概念** - **父页面（Parent Page）**：包含`iframe`...
当在网页中用javascript winow.open 打开一个新窗口后，是否能在父窗口中调用并执行新窗口中的代码或调取其中的元素? 答案是肯定的。 这段示例代码不但能在父窗口页面test.html中执行被打开的新窗口页面test-open...
JavaScript实现IFrame子窗口调用父窗口的全局变量
本篇文章将详细讲解如何在`iframe`子页面调用父页面的JS函数以及反之的操作。 ### 1. 子页面调用父页面的JS函数 在`iframe`子页面中，要调用父页面的JavaScript函数，可以使用`window.parent`对象来引用父窗口。...
下面我们将详细介绍`js`中`iframe`调用父页面方法的相关知识点。 1. **基本调用方式** 在`iframe`中的页面，可以通过`window.parent`属性来访问父页面的全局对象，从而调用父页面中定义的函数。例如，如果父页面有...
在Web开发中，"父窗口调用iframe子窗口方法"是一个常见的交互场景，尤其是在构建复杂的单页面应用或者需要跨窗口通信时。这篇文章将详细讲解如何实现这个功能，并提供相关的源码示例。 首先，理解基本概念。`iframe...
在标题和描述中提到的"frameset父页面和子页面的方法之间调用个属性的调用"，涉及到的是跨框架通信的概念。当一个`frameset`中有多个`frame`或`iframe`时，它们之间可能需要进行数据交换或操作交互。这种交互可以...
本篇文章将详细讲解如何使用 layer.open 创建弹窗，并在弹窗中关闭父窗口以及调用父页面的方法。 首先，layer.open 是 layer.js 提供的一个核心方法，用于打开一个新的弹窗。其基本语法如下： ```javascript layer...
当我们需要在用户关闭模态窗口后刷新其父页面时，JavaScript（简称js）提供了解决方案。 在JavaScript中，我们可以利用事件监听来处理模态窗口关闭的事件。首先，我们需要在模态窗口上设置一个关闭按钮，并为其添加...
在网页开发中，有时我们需要在`iframe`中与父页面进行交互，比如调用父页面中的元素或执行父页面的方法。本文将详细讲解如何使用jQuery实现这一功能。 首先，我们来了解一下`iframe`的基本概念。`iframe`（Inline ...
可以使用`window.parent.myFunction()`来调用父页面的全局函数`myFunction`。 5. **样式控制**：通过jQuery，我们可以方便地改变子页面中的元素样式。例如，`$("#iframeID").contents().find(".className").css(...
如果在iframe子页面中需要调用父页面定义的函数，可以直接使用`window.parent`来引用。假设有一个名为`func`的函数在父页面中定义，我们可以在子页面中这样调用： ```javascript window.parent.func(); ``` ...
在网页开发中，有时我们需要从一个弹出的子窗口（通常是由 `window.open` 或 `window.showModalDialog` 方法打开的）来控制父窗口的行为，比如刷新父窗口的页面。这在很多应用场景下都非常有用，比如用户在子窗口...
在探讨如何利用JavaScript调用浏览器的打印模块实现点击按钮时触发自定义函数的过程中，我们首先需要了解浏览器提供的打印API以及如何通过编程方式触发打印任务。现代浏览器通常提供了window.print()方法，该方法...