`

iframe之间传值

HTML 
阅读更多
Problem:
AA.html中有一ID为: content 的文本域(textarea),
BB.html中的一段js来给AA.html中ID为: content 的文本域赋值

solution:
1, main.html
   <body>
   <iframe ID="AAA" name="AAA" src="AA.html" frameBorder="0"      marginHeight="0" marginWidth="0" scrolling="No" style="height:265px;width:814px;"></iframe>

<iframe ID="BBB" name="BBB" src="BB.html" frameBorder="0" marginHeight="0" marginWidth="0" scrolling="No" style="height:265px;width:814px;"></iframe>
  
  </body>

2,AA.html
<body>
   <form method="post" name="form1">
    <p><textarea rows="5" name="content" id="content" cols="73"></textarea></p>
   </form>
  </body>

3,BB.html
<body onload='window.parent.AAA.form1.content.value="data from BB";'>
     <br>
  </body>

分享到：
| iframe&form的target学习
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    二个iframe之间传值 的小例子

    当在一个页面内存在多个`iframe`时，有时我们需要在这些`iframe`之间传递数据或调用它们的JavaScript方法，以实现更复杂的交互功能。本篇文章将详细解释如何在两个`iframe`之间进行通信，并通过提供的源码`left....

    javascirpt实现2个iframe之间传值的方法

    本文实例讲述了javascirpt实现2个iframe之间传值的方法。分享给大家供大家参考，具体如下： index.htm &lt;body&gt; &lt;td width=100%&gt;&lt;iframe src=iframe1.htm name=aa&gt;&lt;/iframe&gt; ...

    js 实现iframe 之间传值

    然而，由于`iframe`本质上是独立的窗口，因此在不同`iframe`之间传递数据可能会遇到跨域问题。本篇文章将详细介绍如何使用JavaScript来实现在`iframe`之间传递值。 1. 同源策略与跨域限制： JavaScript遵循同源...

    JS中Iframe之间传值的方法

    1.在iframe子页面中获取父页面的元素：  a&gt;window.parent.document这个是获取父页面document中的对象；  b&gt;如果要获取父页面js中的方法：window.parent.xxxx（）；xxxx()为方法； 2.在父页面中获取iframe子页面中...

    Iframe窗体之间相互传值

    父子窗体之间传值iframe之间的相互操作，还有sturts2指定跳转的页面。

    js-iframe-传值调用实例代码

    这个实例代码“js-iframe-传值调用”旨在演示如何通过JavaScript在父窗口和iframe之间传递数据，实现页面间的交互。我们将详细探讨这个过程中的关键知识点。 首先，我们要理解iframe的基本结构。一个iframe标签通常...

    iframe父向子传值实例.rar

    在Web开发中，有时我们需要在不同的域之间进行通信，特别是在使用`iframe`元素时。`iframe`是一个可以嵌入其他HTML文档的框架，它允许我们在一个页面中展示多个独立的网页。然而，由于浏览器的同源策略限制，`iframe...

    JS中Iframe之间传值及子页面与父页面应用

    然而，当涉及到`&lt;iframe&gt;`之间的通信时，即值的传递和页面间的交互，就需要一些特别的技术来处理。本文将深入探讨如何在JS中进行`&lt;iframe&gt;`间的值传递以及子页面与父页面的交互。 首先，让我们理解如何在子页面中...

    页面中iframe相互传值传参

    但同时，它也引入了父页面与iframe之间进行数据交换的需求，也就是所谓的“传值传参”。随着浏览器技术的发展，不同浏览器间的兼容性问题成为开发者需要考虑的重要方面。特别是早期的浏览器，如Internet Explorer和...

    iframe父子传值

    本文将详细介绍如何在`iframe`的父窗体与子窗体之间进行数据传递。 ### 1. 同源策略与跨域限制 首先，我们需要了解浏览器的安全机制——同源策略。同源策略规定，只有相同协议、域名和端口的两个页面才能相互访问...

    iframe与父页面传值(方法互调)

    然而，当涉及到`iframe`与父页面之间的通信时，就需要用到一些特殊的方法来实现数据的传递和函数调用。本篇文章将深入探讨如何在`iframe`与父页面之间进行值的传递以及方法的互相调用。 首先，我们可以通过...

    iframe子向父传值实例.rar

    在网页开发中，有时我们需要在不同的页面或者框架之间进行数据交互，这时`iframe`子向父页面传递值就显得尤为重要。本示例“iframe子向父传值实例”旨在提供一个解决方案，帮助开发者应对跨域问题，从而实现iframe...

    iframe消息监听传递

    然而，由于浏览器的安全策略，`iframe`内的页面与包含它的页面可能存在跨域问题，这限制了它们之间的直接通信。`iframe`跨域消息传递是解决这个问题的关键技术，它允许不同源的`iframe`和主页面之间安全地交换数据。...

    iframe子父页面调用js函数示例.docx

    "iframe子父页面调用js函数示例...4. JS 中 iframe 之间传值及子页面与父页面应用 5. javascript 猎取 iframe 里页面中元素值的方法 6. JS 实现 iframe 跨页面调用函数的方法 7. JS 如何对 Iframe 内外页面进行操作总结

    静态画面之间传值的共通

    "静态画面之间传值的共通"这个标题指的是如何在不使用服务器端处理的情况下，在不同的静态HTML页面之间共享和传递信息。这篇博客（尽管描述为空，但我们可以根据标题推测其内容）可能探讨了在没有动态脚本语言如PHP...

    jquery实现页面之间的传值功能

    ### jQuery 实现页面之间的传值功能 #### 一、概述 在 Web 开发中，页面间的数据传递是一项基本且重要的任务。传统的表单提交方法虽然简单有效，但在用户体验上往往不尽如人意。随着 AJAX 技术的发展，利用 ...

    iframe与父页面传值

    `iframe`与父页面之间的通信是前端开发中的一个重要知识点，它涉及到跨域安全策略、JavaScript编程以及DOM操作等多个方面。 一、`iframe`的基本使用 在HTML中，`&lt;iframe&gt;`标签用于插入一个内联框架。基本语法如下：...

Magicbox
Global site tag (gtag.js) - Google Analytics