在帧之间的输入字段内传递数据

Question

我创建了一个由三个框架组成的框架集。 第一个使用用户名。 第二帧包含一个名为greeting的按钮。 第三帧result.html应该是这样的：单击问候语按钮时，您好（用户名）。 单击问候按钮时如何将用户名传递到结果框架的任何帮助，以使用javascript将其显示为“ Hello ...”。

框架：

<frameset rows="34%,33%,33%">
    <frame src="name.html" name="name">
    <frame src="greeting.html" name="greeting">
    <frame src="outcome.html" name="outcome">
    </frameset>

Name.html：

<body>
    <div id="fname">
        <form>
            Client Name: <input type="text" name="fname" id="fname">
        </form>
     </div>
</body>

Greeting.html：

<div id="greeting">
        <form>
            <button type="button">Greeting</button>
        </form>
     </div>

Answer 1

您可以节省一些时间，并使用jQuery （即使我不建议您使用繁重的库来为小任务执行简单的DOM操作，但就您而言，我想您只需要完成工作即可）。

使用.contents（）函数获取iframe的内容

为此：

var nameFrame = $('frame[name=name]').contents();
var outcomeFrame = $('frame[name=outcome]').contents();
var greetingFrame = $('frame[name=greeting]').contents();

$(greetingFrame).on('click', 'button', function() {
  var name = $(nameFrame).find('.fname').val();
  $(geetingFrame).text(name);
});

Answer 2

可通过顶部父框架上的名称属性来访问框架。

因此，例如从一个框架内：

parent.greeting.document.getElementById('fname').value

这是一个工作示例： http : //embed.plnkr.co/fMMCGxkR0zwgo3nCqhC5/preview

希望有帮助！

在帧之间的输入字段内传递数据

问题描述

2 个解决方案

解决方案1
0 2015-09-15 19:47:07

解决方案2
0 2015-09-15 20:02:55

在帧之间的输入字段内传递数据

问题描述

2 个解决方案

解决方案1 0 2015-09-15 19:47:07

解决方案2 0 2015-09-15 20:02:55

解决方案1
0 2015-09-15 19:47:07

解决方案2
0 2015-09-15 20:02:55