请看下面简单例子，不多解释.
父窗体:test.htm
<HTML>
<HEAD>
<TITLE> Test Page </TITLE>
<script src="prototype-1.4.0.js"></script>
<script language="javascript">
function show(){
//改变iframe中的元素id为myH1的内容
window.frames["iframe_text"].document.getElementById("myH1").innerHTML = "http://www.pint.com";
}
</script>
</HEAD>
<BODY>
<iframe height="350" width="600" src="iframe_text.htm"
name="iframe_text"></iframe>
<form action="" method="post">
<input name="haha" id="haha" type="text" maxlength="30" value="haha"
/><br />
<textarea cols="50" rows="5" id="getAttributeMethod"></textarea>
<input type="button" onClick="show();" value="提交"/>
</form>
<h2 id="myH2">d</h2>
</BODY>
</HTML>
iframe的页面内容:
<!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-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<script language="javascript">
function show(){
//改变父窗体中的元素id为myH2的内容
parent.document.getElementById("myH2").innerHTML =
"http://www.adsf.com";
}
</script>
<body>
<h1 id="myH1">ha</h1>
<form action="" method="post">
<input name="abc" id="abc" type="text" maxlength="30" value="abc" /><br
/>
<textarea cols="50" rows="10" id="text"></textarea> <br />
<input type="button" value="提交" onclick="show();"/>
</form>
</body>
</html>
分享到：
相关推荐
父子窗体之间传值iframe之间的相互操作，还有sturts2指定跳转的页面。
然而，由于浏览器的同源策略限制，`iframe`内的页面与包含它的父页面在不同源时，不能直接访问彼此的DOM或JavaScript变量，这就引出了"iframe父向子传值"的问题。 在标题"iframe父向值实例.rar"和描述中提到的解决...
首先，我们可以通过JavaScript的DOM（Document Object Model）接口来实现`iframe`与父页面之间的通信。在`iframe`内的页面，我们可以使用`parent`对象来访问父页面的全局变量和函数。例如，如果在`iframe`内想要调用...
本示例“iframe子向父传值实例”旨在提供一个解决方案，帮助开发者应对跨域问题，从而实现iframe内部页面与外部页面的数据通信。 首先，我们来理解`iframe`的基本概念。`iframe`（Inline Frame）是HTML中的一个元素...
通过js实现的子窗体与父窗体之间的值传递
在IT行业中，尤其是在Web开发领域，"无刷新子窗体传值父窗体"是一个常见的需求，它涉及到页面间通信和用户体验优化。无刷新技术可以让用户在不重新加载整个页面的情况下更新部分页面内容，提高交互性和效率。在这个...
`iframe`与父页面之间的通信是前端开发中的一个重要知识点，它涉及到跨域安全策略、JavaScript编程以及DOM操作等多个方面。 一、`iframe`的基本使用 在HTML中，`<iframe>`标签用于插入一个内联框架。基本语法如下：...
然而，当涉及到`iframe`与主页面之间的数据通信时，就需要使用特定的技术来实现子父界面的传值。本文将深入探讨`iframe`子父界面传值的几种方法和应用实例。 ### 1. JavaScript通信 #### 1.1 `window.parent` `...
本文介绍了layer弹出子iframe层父子页面传值的实现方法，分享给大家，具体如下： 父页面获取子页面元素 格式： $("#iframeID").contents().find("#eleID") 示例代码： father.html <!DOCTYPE html> <...
在这个场景中，"子父窗口传值"指的是在同一个Web应用中，子页面（通常是弹出窗口或iframe）向父页面传递数据，或者父页面向子页面传递数据，以实现特定的功能交互，而这种交互通常是为了避免不必要的后台通信，提高...
在多页面应用或者嵌入式框架（如iframe）中，经常需要进行父页面与子页面之间的数据交换。下面将详细介绍如何在不同场景下使用JS实现这种传值。 一、子页面是父页面通过`window.open`弹出的情况 当子页面是通过`...
本文将介绍如何使用jQuery实现父窗体和子窗体之间的相互调用，并阐述相关技巧。 首先，我们需要了解的是iframe元素。iframe是HTML中的一个元素，代表内联框架，它可以用来加载其他HTML页面。这种技术常常用于将其他...
### iframe页跳转父窗体知识点详解 #### 一、iframe基本概念 在开始之前，我们首先了解一下`iframe`的基本概念。`iframe`是HTML的一个元素，全称为“Inline Frame”，即内联框架。它允许网页中嵌入另一个网页或者...
在EasyUI中，我们可能会遇到需要在弹出窗口（子页面）与父页面之间进行数据传递或调用父页面方法的需求。下面将详细讲解这个过程。 首先，让我们理解标题中的“弹出window窗口传值”。在EasyUI中，创建一个弹出窗口...
创建自定义DOM事件并将其从一个`iframe`派发到另一个`iframe`，但这种方式通常需要两者之间有共同的父窗口。 二、`iframe`间的JavaScript调用 1. **通过`contentWindow`属性：** 每个`iframe`都有一个`...
当`iframe`和父页面同源时，可以使用`window.parent`访问父窗口，而`window.frames`可以访问子`iframe`。例如： ```javascript // 父页面 window.frames['myIframe'].document.getElementById('targetElement')...
理解并熟练掌握iframe的使用及其与父、子页面的交互方式，对于Web开发人员来说是非常重要的技能。在实际项目中，要根据需求选择合适的通信方法，并注意跨域问题的处理，以确保代码的稳定性和安全性。
在Web开发中，有时我们需要在子窗口与父窗口之间传递数据。这通常发生在弹出窗口或者框架集等场景中，用户在子窗口进行操作后，需要将结果反馈给父窗口，以便更新父窗口的状态或展示相关信息。这个过程就称为“子...
本文将详细介绍如何在`iframe`的父窗体与子窗体之间进行数据传递。 ### 1. 同源策略与跨域限制 首先，我们需要了解浏览器的安全机制——同源策略。同源策略规定，只有相同协议、域名和端口的两个页面才能相互访问...
"iframe父页面与子页面通信及相互调用方法"是一个重要的主题，涉及到跨域安全、DOM操作以及JavaScript/jQuery的交互技术。下面将详细解释这一知识点。 1. **基本概念** - **父页面（Parent Page）**：包含`iframe`...