javascript - HTMLScriptElement 与 '<script>' 标签

Question

使用 HTMLScriptElement 加载脚本有什么好处吗？而不是仅通过将其包含在 DOM 中来加载它？

例如，也许在 DOM 中保持清洁并隐藏脚本(使它们不那么明显)会更容易？

没有找到这方面的任何资源，这就是我问的原因。

Answer 1

通常，您会直接在 HTML 文档中包含脚本标签。除非您使用 async 属性，否则后续脚本将在前面的脚本之前加载，因此您可以安全地依赖任何可用的依赖项。

可以以编程方式使用HTMLScriptElement 接口(interface)来加载脚本，如果您想保持 HTML 更简洁。但是，您必须手动创建 onload 和 onerror 处理程序以异步等待脚本加载。除非您围绕它构建抽象，否则这会变得困惑和复杂。然后你正在做一些以前做过很多次的事情，请参阅 RequireJS、SystemJS 等。

因此，希望让您的 HTML 中没有脚本标签是一个合理的目标，但您最好还是寻找现成的脚本加载器来做到这一点，而不是自己动手。