两个iframe 在其中一个iframe中的el-dialog弹到顶级的body中
时间: 2024-02-01 12:13:56 浏览: 133
通过iframe实现在body中放frameset
可以通过以下步骤将一个在 iframe 中的 el-dialog 弹框移到顶级的 body 中:
1. 获取 el-dialog 对应的 DOM 元素。
2. 获取顶层 window 对象,即最外层的 window。
3. 将 el-dialog 对应的 DOM 元素从当前 iframe 中移除,并添加到顶层 window 的 document.body 中。
代码示例:
```javascript
// 获取 el-dialog 对应的 DOM 元素
const dialogEl = document.querySelector('.el-dialog')
// 获取顶层 window 对象
const topWindow = window.top
// 将 dialogEl 从当前 iframe 中移除,并添加到顶层 window 的 document.body 中
topWindow.document.body.appendChild(dialogEl)
```
需要注意的是,如果弹框中有使用到 iframe 的相关内容,需要在移动前将 iframe 内的内容保存下来,并在移动到顶级 body 后再重新添加到弹框中。另外,由于涉及到跨域操作,可能会遇到安全策略的限制,需要确认浏览器是否允许跨域操作。
阅读全文