使用 JavaScript 从 iframe 获取数据答案

【问题标题】：Getting data from iframe with JavaScript使用 JavaScript 从 iframe 获取数据
【发布时间】：2010-06-23 17:37:27
【问题描述】：

我有一个带有 iframe 的简单页面。在这个框架中有三个输入字段，用户填写。如何用js在每个输入字段中获取这些数据？

这里是js：

<script type="text/javascript"> var ticket = window.frames[0].document.getElementById('ticket').ticket; alert(ticket); </script>

我有内框：

<input type='text' name='ticket' id='ticket'...

当我填写所有 3 个输入字段并按确定时，没有任何反应。如何保存这些数据，填写这个输入字段到.txt文件，而不是我可以通过php抓取这个txt并填写到数据库中。

【问题讨论】：

【解决方案1】：

我不相信 iframe 可以通过 window.frames 属性访问。你可以试试这样的：

var frame = document.getElementsByTagName("iframe")[0]
  , form = frame.contentDocument.forms[0];
alert("OK: ticket=" + form.ticket.value);

在数据库中存储表单值完全是另一个问题。完全避免 JavaScript 可能是最简单的，只需让 iframe 中的表单执行 POST 到您自己的 PHP 处理程序，该处理程序可以根据需要保存内容。

【讨论】：

【解决方案2】：

我花了很多时间试图弄清楚如何在两个 iframe 中的文本框之间交换数据。（我是两个 iframe 的作者）。在浪费了大量时间并在互联网上寻找解决方案之后，解决方案当然非常简单。互联网上的每个人都在做更多更复杂的事情。对于那些想做简单事情的人！

我有一个包含两个 iframe（ID = ifr1 和 ifr2）的主页。每个框架都有一个文本框（ID = tb1（在ifr1））。在 javascript 中，您只需使用即可在 iframe ifr2 中获取 tb1 的内容

parent.ifr1.tb1.value 或parent.ifr1.document.getElementByID(‘tb1’).value.

显然要改变值"

parent.ifr1.tb1.value=”whatever” 或 parent.ifr1.document.getElementByID(‘tb1’).value=”whatever”

您还可以通过使用从ifr2 访问来自ifr1 的变量

parent.ifr1.var_in_ifr1 其中var_in_ifr1 是在ifr1 的脚本中定义的

var var_in_ifr1=”whatever”

【讨论】：