iframe嵌套页面定位到controller中

如果你想在一个 iframe 内嵌套一个页面，并且让这个页面的某些操作能够定位到 controller 中，你可以在 iframe 中使用 JavaScript 向父页面发送消息，然后在父页面中监听这些消息，并根据消息内容来执行相应的操作。

具体来说，你可以在 iframe 中使用以下代码向父页面发送消息：

parent.postMessage('message', '*');

其中，第一个参数是消息内容，第二个参数是接收消息的窗口的 URL。如果你想让所有窗口都能接收消息，可以使用通配符 "*"。

在父页面中，你可以使用以下代码来监听消息：

window.addEventListener('message', function(event) {
  // 根据消息内容来执行相应的操作
});

在这个监听函数中，你可以通过 event.data 来获取消息内容，并根据消息内容来执行相应的操作，比如定位到 controller 中。

相关问题

iframe定位到controller中

如果你想在一个 iframe 中的页面定位到 controller 中，可以通过以下步骤实现：

1. 在 iframe 中定义一个表单，表单的 action 属性指向需要定位到的 controller 的 URL，method 属性设置为 POST。

2. 在表单中定义一个隐藏的 input 元素，设置其 name 属性为需要传递到 controller 中的参数名，value 属性为需要传递的参数值。

3. 使用 JavaScript 获取到这个表单元素，并且调用表单元素的 submit 方法来提交表单。这样就可以定位到 controller 中了。

示例代码如下：

<iframe id="myFrame" src="http://example.com"></iframe>

<script>
  // 获取到 iframe 中的表单元素
  var form = document.createElement('form');
  form.action = 'http://example.com/controller';
  form.method = 'POST';
  var input = document.createElement('input');
  input.type = 'hidden';
  input.name = 'paramName';
  input.value = 'paramValue';
  form.appendChild(input);

  // 将表单元素添加到 iframe 中
  var iframe = document.getElementById('myFrame');
  var iframeDoc = iframe.contentDocument || iframe.contentWindow.document;
  iframeDoc.body.appendChild(form);

  // 提交表单
  form.submit();
</script>

在这个示例代码中，我们定义了一个 iframe 元素，它的 src 属性指向需要嵌入的页面。然后，我们通过 JavaScript 创建了一个表单元素，并将其添加到了 iframe 中。最后，我们调用了表单元素的 submit 方法来提交表单，这样就可以定位到 controller 中了。

vue中iframe嵌套页面传值

在Vue中，如果需要在iframe嵌套页面之间传值，可以使用window.postMessage()方法。

例如，父页面中有一个iframe：

<iframe src="https://example.com"></iframe>

在父页面中定义一个方法，用于向iframe发送数据：

function sendMessage(data) {
  const iframe = document.querySelector('iframe');
  iframe.contentWindow.postMessage(data, 'https://example.com');
}

在iframe中定义一个事件监听器，用于接收来自父页面的数据：

window.addEventListener('message', (event) => {
  if (event.origin !== 'https://example.com') return;
  const data = event.data;
  // 处理接收到的数据
});

在接收到数据后，可以在iframe中进行相应的处理。注意要判断消息来源的origin，确保数据来自正确的页面。