js 弹窗嵌入iframe并往iframe中加入内容
时间: 2023-07-06 20:09:23 浏览: 170
js+iframe
可以使用以下代码在 JavaScript 中嵌入一个弹窗到 iframe 中,并在 iframe 中添加一些内容:
```javascript
var iframe = document.createElement('iframe');
iframe.src = 'your-page-url';
iframe.style.width = '100%';
iframe.style.height = '100%';
document.body.appendChild(iframe);
var win = iframe.contentWindow;
var doc = win.document;
var p = doc.createElement('p');
p.innerHTML = 'This is some content added to the iframe.';
doc.body.appendChild(p);
win.alert('your message');
```
这将创建一个 iframe 元素,并将其添加到文档中。然后,你可以通过 `iframe.contentWindow` 属性获取 iframe 的窗口对象,并通过 `win.document` 属性获取 iframe 内部的文档对象。接下来,你可以使用文档对象的 API 在 iframe 中添加内容。最后,你可以在 iframe 中显示弹出窗口,例如使用 `alert` 方法。
阅读全文