首页 > 解决方案 > 加载 JS 库并在加载后立即使用它们

问题描述

我正在寻找一种在我的 HTML 文档中使用库(例如 jQuery、Knockout)的简洁方法。

为此,我在 element.xml 中包含指向 CDN 或下载库的链接<script src=...

但我经常偶然发现这样的问题:我有 JS 脚本,我在其中使用(或其他特定于库ko.applyBindings的方法或符号,例如.$window.onload

所以我开始想,这样做有什么好的做法?感觉很好,到目前为止我的解决方案没有任何问题,但我不确定。

另外,我们页面的脚本是同步加载的吗?

标签: javascriptjqueryhtmlknockout.js

解决方案


<script>标签默认同步加载(此处的文档),并按照它们在 HTML 中列出的顺序。这意味着它们将按照它们在 HTML 中的相同顺序执行。

因此,理想情况下,处理此问题的方法是将脚本按依赖顺序排列,依赖脚本在最后,库在前。这避免了必须使用侦听器和其他代码来等待所有脚本加载。

希望这可以帮助!让我知道我是否应该澄清更多。


推荐阅读