我的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中使用Adal-JS进行身份验证。
Adal-JS在我的页面中创建了3个iframe，每个iframe都是index.html的副本，因此上面的css个文件中的每个已经下载 3次（3不必要的时间）。
我可以输入一个脚本代码来确定当前window是iframe还是原始窗口。
window.IS_ADAL_IFRAME = window.parent !== window;
我希望使用它来清除下载index.html或script的任何代码中的css。
我的问题是，如果脚本在link标记之后执行，则css文件已经下载。如果脚本标签在它们之前执行，那么我就无法删除它们尚不存在的元素。
我的目标是控制iframe提取的文件，我想要消除大部分文件并保留真正需要的文件。 我怎样才能做到这一点？
由于
答案 0 :(得分：0)
我怀疑链接的css文件是多次下载的。它们必须被缓存，并且在第一次之后已经在内存中。您可以使用浏览器的开发工具“性能”和“网络”标签或类似工具对此进行评估。
无论如何，一个想法可能是利用DOMContentLoaded（而不是to the load event）