是否有正确的方法可以一次加载脚本，并在整个文档的iFrame中使用它？

Question

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

我正在调查是否可以使用这些重复的依赖项进行任何操作 smart -理想情况下只能加载一次。

我的想法是一次（在script中加载parent，然后在iframes中引用它。每个 widget 顶部的

都是这样的：

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

这在很大程度上不起作用（控件在陌生的地方，没有动画，没有交互）：

我想知道有没有一种可以保证实现我想要实现的工作的方法？ parent如何正确地将脚本注入iframe中？

此处的原型：Plunker / Web

建议。