场景：在主页面点击选择按钮弹出一个layer的iframe弹层，然后在iframe层里面处理生成链接的业务，最后点击选择按钮，把最终的链接赋值给父页面的距离选择按钮最近的下一个input框里面。

主页面代码：

              <div class="layui-form-item">

                <label class="layui-form-label">链接</label>

                <div class="layui-input-block">

                  <button class="layui-btn layui-btn-sm select_link" onclick="open_select_link($(this))">选择</button>

                  <input type="text" name="link" value="{$info['link']|default=''}" class="layui-input">

                </div>

              </div>

<script>

    var button_obj;

    function open_select_link(obj) {

      button_obj = obj;

      layer.open({

        type: 2,

        title: "选择跳转链接",

        maxmin: true,

        content: "{:url('select_link')}",

        area: ["900px", "600px"],

        success: function (layero, index) {

        }

      });

    }

    function assign_link(link, button_obj) {

      console.log("assign_link 执行了！");

      var inputElement = button_obj.next('input[name="link"]');



      // 确保找到了 input 元素

      if (inputElement.length > 0) {

        inputElement.val(link);

      } else {

        console.error("没有找到对应的 input 元素");

      }

    }

    // 监听来自子页面的消息

    window.addEventListener("message", function (event) {

      console.log("window.addEventListener", event.data);

      // 调用 assign_link 函数并传递 link 和 button_obj

      assign_link(event.data.link, button_obj);

    }, false);

  </script>

iframe页面的代码：

              // 监听提交1

            form.on('submit(sub)', function (data) {

                var link = $("[name=link]").val();

                //window.parent.assign_link(link);

                window.parent.postMessage({ link: link }, "*");

                window.parent.layer.closeAll();

                return false;

            });