iframe.contentWindow 如何使用

在前端开发中，`iframe.contentWindow`是一个属性，用于获取嵌套在 `<iframe>` 元素中的文档的 `window` 对象。通过 `contentWindow`，你可以对嵌入的文档进行操作和访问。

下面是一些使用 `iframe.contentWindow` 的例子：

1. 获取嵌入文档的 `window` 对象：

const iframe = document.getElementById('myIframe');
const iframeWindow = iframe.contentWindow;

2. 在嵌入的文档中执行 JavaScript 代码：

iframe.contentWindow.postMessage('Hello from parent!', '*');

这里使用 `postMessage()` 方法向嵌入的文档发送消息。

3. 在嵌入文档中访问和修改 DOM 元素：

const iframeDocument = iframe.contentWindow.document;
const iframeElement = iframeDocument.getElementById('myElement');

这里首先获取嵌入文档的 `document` 对象，然后通过该对象操作其中的 DOM 元素。

需要注意的是，由于同源策略的限制，你只能在与主页面同源的情况下访问 `iframe` 的内容。如果不同源，你需要在嵌入的文档中添加适当的跨域通信机制，如使用 `postMessage()` 进行通信。

希望这些例子能帮助你理解和使用 `iframe.contentWindow` 属性。