动态创建iframe,加载iframe过程中 为什么会阻塞主页面 整个页面都动不了?

发布于 2022-09-13 00:16:54 字数 189 浏览 14 评论 0

功能是这样的,菜单栏中每点击一项 都要新建一个<iframe>,是为实现tabs标签页切换时可以保存原页面的状态。
原以为iframe加载是异步的过程,不会影响主页面。现在出问题是,点击一项菜单项新建加载iframe过程中 整个页面都没办法操作了,连鼠标右键都没反应,按F12开发者工具都唤不出。为啥?
有谁可以解答一下,以及有解决办法吗?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

萌化 2022-09-20 00:16:54

你创建的iframe越多,你浏览器的线程需要耗损的性能就会越多。这是目前的无解的问题吧。
本质上iframe的加载和父页面的url都是在同一个域下面的,你每次动态加载的时候,等同于浏览器每次都同时加载两个独立的页面,却又要去遵守一个页面加载的原理,自然而然也就会卡顿下来。

落日海湾 2022-09-20 00:16:54

iframe 和宿主是同一个线程,相互会阻塞的。
微前端技术似乎大概也许可以缓解下问题。

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文