js 创建一个iframe 并插入一个div元素

可以使用以下代码创建一个 iframe 元素，并且在其中插入一个 div 元素：

// 创建 iframe 元素
const iframe = document.createElement('iframe');

// 设置 iframe 的属性
iframe.src = 'about:blank';
iframe.width = '300';
iframe.height = '200';
iframe.frameBorder = '0';

// 将 iframe 插入到页面中
document.body.appendChild(iframe);

// 获取 iframe 中的 document 对象
const iframeDoc = iframe.contentDocument || iframe.contentWindow.document;

// 在 iframe 中创建 div 元素
const div = iframeDoc.createElement('div');

// 设置 div 元素的样式
div.style.width = '100px';
div.style.height = '100px';
div.style.backgroundColor = '#f00';

// 将 div 元素添加到 iframe 中
iframeDoc.body.appendChild(div);

其中，`about:blank` 是 iframe 的初始 URL，`300` 和 `200` 分别是 iframe 的宽度和高度。在获取 iframe 的 document 对象时，需要考虑浏览器兼容性，所以使用了 `contentDocument` 和 `contentWindow.document` 两种方式。最后，将创建好的 iframe 元素和 div 元素插入到页面中。