iframe 的属性和方法

IFrame（帧）是HTML中的一个标签，用于在一个网页中嵌入另一个网页的部分内容。虽然它本身不是一个复杂的JavaScript对象，但它有一些核心属性和方法可以用来管理和交互。以下是IFrame的一些重要属性和相关的行为：

### 属性：

1. **src**：必需，设置或获取IFrame显示的URL地址。

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

2. **height** 和 **width**：可选，设定IFrame的尺寸，可以是像素值或百分比。

   <iframe width="100%" height="400"></iframe>

3. **sandbox**：可选，用于限制跨源脚本的能力，例如 `allow-same-origin` 禁止跨域脚本执行。

   <iframe sandbox="allow-scripts allow-same-origin"></iframe>

4. **name** 和 **id**：可选，用于引用或标识IFrame，主要用于文档片段传输（Fragment Navigation）。

   <iframe id="myIframe"></iframe>

5. **scrolling**: 可选，指定是否允许滚动条，如 "yes", "no", 或 "auto"。

### 方法：

1. **contentWindow** 和 **contentDocument**：提供访问嵌入内容窗口（如果可用）的属性，比如 `window` 对象和 `document` 对象。

   let iframeWindow = document.querySelector('iframe').contentWindow;

2. **postMessage**：发送消息到嵌入页面，通常用于通信或触发事件。

   window.parent.postMessage({ message: 'Hello from parent'}, '*');

3. **addEventListener**: 可以添加事件监听器到嵌入页面，例如 `load` 事件，当页面加载完毕时触发。

   iframe.addEventListener('load', function() { /* handle loaded content */ });

注意，由于同源策略的限制，对于跨域的IFrame，某些方法（如修改嵌入内容的DOM）可能会受到限制。为了安全考虑，建议只通过特定的API进行跨域通信，如PostMessage。