删除所有<link>iframe中的元素

Remove all <link> elements inside iframes

本文关键字:iframe 元素 gt link lt 删除      更新时间:2023-09-26

我的index.html文件中有一些链接标记。

<link rel="stylesheet" href="bower_components/angular-strap/styles/libs.min.css"/>
<link rel="stylesheet" href="bower_components/angular-strap/styles/docs.min.css"/>

我还在AAD中使用AdalJS进行身份验证。

Adal JS在我的页面中创建了3个iframe,每个都是我的index.html的副本,因此上面的每个css文件都被下载了3次(3次不必要的下载)。

我可以放一个脚本代码来确定当前的window是iframe还是原始窗口。

window.IS_ADAL_IFRAME = window.parent !== window;

使用它,我想从下载scriptcss的任何标签中清除index.html

我的问题是,如果脚本在link标记之后执行,那么css文件已经下载。如果脚本标记在它们之前执行,那么我无法删除这些元素,因为它们还不存在。

我的目标是控制iframe获取的文件,我想消除大部分文件,只保留真正需要的文件。我怎样才能做到这一点?

感谢

我怀疑链接的css文件是否被下载了好几次。它们必须被缓存,并且在第一次之后就已经在内存中了。您可以使用浏览器的开发工具"性能"answers"网络"选项卡或类似工具对此进行评估。

无论如何,一个想法可以是利用DOMContentLoaded(与load事件相反)