多层layer，关闭子页面的同时关闭父页面的方法。

最新推荐文章于 2023-08-23 11:00:30 发布

mz569246195

最新推荐文章于 2023-08-23 11:00:30 发布

阅读量1.1w

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/mz569246195/article/details/81281400

本文介绍了一种方法，用于解决使用Layer插件时，如何同时关闭多个打开的iframe窗口的问题。通过在子页面调用父页面的一个特定方法来实现所有iframe的关闭。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

需求是这样的，layer.open了两次，现在有两个iframe，关闭最顶层iframe（点x的时候），希望能够把这两个iframe都观点。尝试了好几种方法都不太灵光。有的需要找到index，用layer.closeAll()，或者window.parent.layer.closeAll()，都不起作用。那好吧，只能换一种思路，子页面关闭的时候，调用父页面的某个方法。

1、父页面的方法

function closeSelf(){
    var i = window.parent.layer.getFrameIndex();
	window.parent.layer.close(i);
}

这个方法执行完以后，会关闭本页面。

2、子页面的方法。

function myClose(){
    window.parent.closeSelf();
}

这个方法是调用父页面的 closeSelf 方法，父页面关闭自己的时候，就会把子页面也会关闭。

3、子页面关闭前，调用子页面的myClose方法。

在子页面的 body标签内，οnlοad="myClose()"；

<body onUnload="myClose()">
</body>

这样就大功告成了，亲测有效！