<!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>
<TITLE>Test Page</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<script language="javascript">
function show(){
//改变iframe中的元素id为myH1的内容
window.frames["iframe_text"].document.getElementById("text1").value= this.document.getElementById("textarea2").value;
}
</script>
</HEAD>
<BODY>
<h2>父窗体</h2>
<iframe height="350" width="600" src="ht1.html"
name="iframe_text"></iframe>
<form method="post">
<input name="haha" id="text2" type="text" maxlength="30"
/>
<br />
<textarea cols="50" rows="5" id="textarea2"></textarea>
<input type="button" onClick="show();" value="提交"/>
</form>
</BODY>
</HTML>
<!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("text2").value =this.document.getElementById("textarea1").value ;
}
</script>
<body>
<h1 >子窗体</h1>
<form method="post">
<input name="abc" id="text1" type="text" maxlength="30"/><br
/>
<textarea cols="50" rows="10" id="textarea1"></textarea> <br />
<input type="button" value="提交" onclick="show();"/>
</form>
</body>
</html>
分享到：
相关推荐
本文将深入探讨如何通过 `Iframe` 获取父页面的变量和控件。 首先，我们要理解 `Iframe` 的基本概念。`Iframe` 是一个内联框架，它允许我们在一个HTML文档中嵌入另一个HTML文档，相当于在当前页面中打开一个新的...
本教程将深入讲解如何使用 `Layui` 实现父子页面之间的值传递。 首先，我们需要了解 `Layui` 的基本用法。`Layui` 提供了一个基于 `JavaScript` 的模块化机制，通过 `layui.use()` 方法加载需要的模块，如 `layui....
在JavaScript编程中，有时我们需要获取Iframe（内联框架）中的内容，这在处理嵌套页面、跨域通信或者实现动态加载时非常常见。本文将详细介绍如何在各种浏览器，包括Internet Explorer（IE）和Firefox（FF）等主流...
在Web开发中，特别是在使用JSP（Java Server Pages）技术时，经常需要实现不同`frame`之间的数据交互或子页面与父页面之间的参数传递。这种功能在实际应用中非常常见，比如在主页面中选择一个选项时，需要动态更新...
本文将基于提供的文件信息，深入解析父页面如何获取iframe子页面的数据，以及iframe子页面如何获取父页面的数据。 ### 父页面获取iframe子页面的数据 #### 使用jQuery获取iframe内的元素 在jQuery中，可以通过`...
在JavaScript中，获取...总结来说，JavaScript获取`iframe`内页面元素值的关键在于理解不同浏览器的差异以及同源策略的限制。通过适当的方法，我们可以有效地操作`iframe`内的DOM元素，实现页面间的交互和数据传递。
本篇文章将深入探讨如何在`iframe`与父页面之间进行值的传递以及方法的互相调用。 首先，我们可以通过JavaScript的DOM（Document Object Model）接口来实现`iframe`与父页面之间的通信。在`iframe`内的页面，我们...
总的来说，通过示例代码，我们可以了解到如何使用JavaScript获取iframe中的元素值，并根据值的不同执行不同的逻辑。然而，这段代码可能需要根据具体的使用场景进行调整，尤其是考虑到现代浏览器对旧技术的支持情况。...
- **`$(selector).contents().find()`**：使用jQuery选择器获取子页面中的元素。 - **`.load()`事件**：监听子页面的加载完成事件，以便在子页面加载后执行某些操作。 - **`.on()`和`.off()`**：在子页面上绑定或...
子页面加载后，通过JavaScript的`window.location.search`获取查询字符串，解析并使用这些数据。 2. `localStorage`或`sessionStorage`：这两种Web存储机制允许在浏览器的客户端存储数据。父页面可以将数据写入存储...
如果`iframe`需要从Vue父页面获取数据，可以通过传递URL参数或者使用`postMessage` API来实现跨窗口通信。以下是一个简单的请求示例： ```javascript function PcCommon() { this.baseUrl = 'https://xxxxxxx'; //...
2. **JavaScript获取IFRAME**：通过JavaScript的`document.getElementById`或`document.querySelector`方法，你可以获取到指定ID或选择器的IFRAME元素。然后，你可以访问它的`contentWindow`或`contentDocument`属性...
本篇文章将深入探讨如何在`iframe`中调用JavaScript，实现父页面与子页面之间的方法交互。 一、iframe的基本使用 在HTML中，我们可以通过`<iframe>`标签来插入一个框架，例如： ```html <iframe src="child....
在Web开发中，有时我们需要在父页面与嵌入的iframe子页面之间进行交互，例如获取子页面中的某些参数或控制子页面的行为。以下将详细介绍如何在父页面中获取子页面参数的方法。 首先，你需要在父页面上创建一个`...
// iframe页面监听消息 window.addEventListener('message', function(event) { if (event.origin !== 'http://parent.com') return; // 验证来源 console.log('Received:', event.data); }, false); ``` 2. 使用...
根据提供的代码片段，“获取父页面iframe中id为name的元素值”，这里涉及到如何通过JavaScript访问`iframe`内的DOM元素： ```javascript // 获取名为"BoardList"的iframe中的元素 parent.frames["BoardList"]....
// 在父页面中获取iframe子页面的元素 // 假设iframe的ID是'iframeId' var iframe = document.getElementById('iframeId'); var childElement = $('#objid', iframe.contentWindow.document); ``` 这里，`iframe....
标题 "拖拽一个iframe中的div 在另一个iframe页面中显示" 描述了在Web开发中一个交互性的技术，涉及跨框架（iframe）通信和DOM操作。这个技术主要应用于创建富交互的用户界面，允许用户在不同的iframe之间传递和操作...
首先，由于同源策略的限制，只有当`iframe`加载的页面与包含它的页面在同一域名下时，我们才能通过JavaScript获取`iframe`的内容信息。若跨域，我们需要依赖`CORS`（跨源资源共享）或者其他技术进行通信。 在同源...
在MVC架构下，实现iframe弹窗并进行值传递是一个常见的需求，特别是在需要在一个页面上显示或编辑独立的数据片段时。以下将详细介绍如何在ASP.NET MVC中实现这个功能。 1. **创建弹窗** 弹窗通常通过JavaScript或...