iframe关闭子页面时不刷新父页面
时间: 2023-07-28 16:51:08 浏览: 119
当你在子页面中关闭 iframe 时,如果不想刷新父页面,可以使用以下代码:
```javascript
parent.layer.closeAll(); // 关闭父页面所有弹出层
```
上述代码会关闭父页面中所有使用 layer 组件打开的弹出层,如果你只想关闭某个特定的弹出层,可以在 closeAll() 方法中指定对应的弹出层索引,例如:
```javascript
parent.layer.closeAll(1); // 关闭父页面中索引为 1 的弹出层
```
注意,这里的 parent 是指父页面的 window 对象,因此需要在子页面中使用。此外,如果你在 iframe 中使用了 jQuery,也可以使用以下代码关闭弹出层:
```javascript
parent.$(".layui-layer-shade").remove(); // 移除遮罩层
parent.$(".layui-layer").remove(); // 移除弹出层
```
上述代码会直接从 DOM 中移除遮罩层和弹出层,效果与调用 layer.closeAll() 方法相同。
相关问题
一个页面的iframe中的iframe的弹窗结束后如何刷新这个页面的iframe中的iframe?
您可以通过以下步骤刷新嵌套的iframe:
1. 在嵌套的iframe中,通过以下代码获取到父级iframe的窗口对象:
```javascript
var parentIframe = window.parent;
```
2. 在弹窗关闭后,使用以下代码刷新父级iframe中的iframe:
```javascript
parentIframe.location.reload();
```
这样就可以刷新嵌套的iframe中的内容了。请确保在弹窗关闭后调用刷新代码,以保证正确的顺序。
阅读全文