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

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

javascript html

Javascript 在帧之间传递输入字段内的数据,javascript,html,Javascript,Html,我创建了一个由三个框架组成的框架集。第一个是用户名。第二个框架包含一个称为问候语的按钮。第三个frame outcome.html应该是：单击“问候语”按钮后的结果：Hello（用户名）。关于如何在单击问候按钮时将用户名传递到结果框，并使用javascript将其显示为“Hello…”的任何帮助框架集： <frameset rows="34%,33%,33%"> <frame src="name.html" name="name"> <frame

我创建了一个由三个框架组成的框架集。第一个是用户名。第二个框架包含一个称为问候语的按钮。第三个frame outcome.html应该是：单击“问候语”按钮后的结果：Hello（用户名）。关于如何在单击问候按钮时将用户名传递到结果框，并使用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>


招呼

您可以节省一些时间和使用（即使我不建议使用繁重的库来执行小任务的简单DOM操作，但在您的情况下，我想您只需要完成这项工作）

使用函数获取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);
});

您可以节省一些时间并使用它（即使我不建议使用繁重的库来执行小任务的简单DOM操作，但在您的情况下，我想您只需要完成这项工作）

使用函数获取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);
});

可以通过顶部父帧上的“名称”属性访问帧

例如，在一个框架内：

parent.greeting.document.getElementById（'fname'）。value

以下是一个工作示例：

希望有帮助

可以通过顶部父帧上的“名称”属性访问帧

例如，在一个框架内：

parent.greeting.document.getElementById（'fname'）。value

以下是一个工作示例：

希望有帮助

您确定要使用HTML4而不是HTML5，还是这是一个课堂练习？您确定要使用HTML4而不是HTML5，还是这是一个课堂练习？