在父目录中更改输入时，使用更新将val发送到iframe

<!-- 父级目录中的页面 -->
<input type="text" id="input" value="初始值">
<button onclick="updateIframeValue()">更新值到iframe</button>
<iframe id="myIframe" src="iframe.html"></iframe>

<script>
  function updateIframeValue() {
    // 获取父级目录中的输入值
    var inputValue = document.getElementById('input').value;

    // 获取嵌入的iframe元素
    var iframe = document.getElementById('myIframe');

    // 更新iframe中的值
    iframe.contentWindow.postMessage(inputValue, '*');
  }
</script>

<!-- iframe.html -->
<input type="text" id="iframeInput" value="初始值">

<script>
  // 监听父级目录发送的消息
  window.addEventListener('message', function(event) {
    // 更新iframe中的值
    document.getElementById('iframeInput').value = event.data;
  });
</script>