在网页开发中，使用iframe嵌套页面时可能会引发无限套娃的问题。通过在主页面（页面1）设置一个div盒子和iframe，以及在页面2（被嵌套页面）中触发退出事件时，如果不正确处理，会将主页面再次嵌套。为避免这种情况，可以在页面1的JavaScript中添加一个方法，检查location是否为顶级窗口的location，如果不是，则将其设置为顶级窗口的location，从而防止页面套娃。
开发工具与关键技术：VS and Js
作者：代富强
撰写时间：2021.5.7
分享一下我在写网页的时候遇到的一个小问题，在把一个页面嵌套进另一个页面的时候，例如在主页面点击一个东西然后把子页面显示出来，容易把主页面嵌套进主页面从而导致无限套娃。需要一个div盒子来装页面、一个跳转链接（被嵌套进另一个页面的页面链接）、一个点击事件。这里我们设嵌套页面的大页面为页面1；被嵌套进另一个页面的小页面为页面2。
这是主页面（页面1）的样子：
这是页面2的样子：
首先在页面1布局写出一个div盒子（宽高可以自己想设多少设多少），再在div盒子里写iframe，给iframe一个id。代码见下：
可以看到页面2中是有写增、删、查、改功能的，另外还有写导入导出和退出功能，退出功能是点击退出按钮返回到主页面。但是这里就容易出现套娃现象，把跳转的主页面跳转到了嵌套的地
最低0.47元/天 解锁文章
扫一扫
760
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
