JavaScript跨域发布消息-将数据从不同的函数发送到不同的输出字段

我目前正在为一个文化机构开发一个小工具，使用JavaScript和HTML。但由于我是Java的初学者，我被困在这个问题上：

我有两个HTML文档，它们通过跨域消息传递进行通信。其思想是，一个文档是后端，一个是前端。应该做的是在后端（1-5）的不同文本字段中填写数字，并将其发送到前端的匹配字段。前端将在某个时刻成为第二个屏幕上的窗口

到目前为止，我已经设置好了所有内容，通信基本正常，但我无法让按钮1只将值发送到结果字段1，按钮2发送到结果字段2等等

用于发送的函数是postMessage（），用于接收的函数是onMessage（）

如何定义父窗口中的哪个函数将消息显示在子窗口中的匹配位置

这是我的密码。我有5个不同的输入字段，其中插入的数字应该转移到子窗口的5个不同的输出字段

var childWindowUrl=“secondwindow.html”；
函数newWindow（）{
var win=window.open（childWindowUrl，'.'空白'，'工具栏=0，位置=0，菜单栏=0'）；
推（赢）；
}
函数广播（）{
var amountBox=document.querySelector（“金额”）；
余额=浮动（amountBox.value）；
对于（变量i=0；iwindow.addEventListener（'message'，onMessage，true）；

默认情况下，当您使用

postMessage

时，不提供有关源函数的信息。也不提供有关目标函数的信息（targetOrigin除外）

你需要自己对信息进行编码

e、 g

---

谢谢大家！最后我有一个朋友帮了我

这就是为什么：

Java脚本：
函数广播（）{
var amountBox=document.querySelector（“金额”）；
var消息={“位置”：1，“平衡”：parseFloat（amountBox.value）}；
对于（变量i=0；iwindow.addEventListener（'message'，onMessage，true）；

有人吗？我想这很容易，但我真的有点困在这里……你能发布一些代码（按钮html和附加的处理程序）吗

targetWindow.postMessage({ button: 1, says: "Hello, world" }, "http://example.com",);