javascript - 是否有正确的方法来加载脚本一次，并在整个文档的 iFrames 中使用它？

Question

我有一个 Web 应用程序，它通过iframe. 这些小部件本身就是完整的 HTML 文档，并包含head、body和script标签。这些小部件通常加载相同的scripts（例如Plotly.js），并且每次加载和解析脚本都有（额外的？）开销。

我正在调查看看我们是否可以对这些重复的依赖项做一些聪明的事情——理想情况下只加载一次。

我的想法是加载script一次（在 中parent）并在iframes. 每个小部件顶部的类似内容：

<script>
var Plotly = window.parent.Plotly;
</script>

这在很大程度上不起作用（在奇怪的地方进行控制，没有动画，没有互动）：

我想知道是否有一种保证工作的方式来实现我想要实现的目标？如何parent正确地将脚本注入iframe?

这里的原型：Plunker / Web

欢迎提出建议。

标签： javascripthtmlperformanceoptimizationiframe