加载JS库并在加载时立即使用它们

时间:2019-11-19 13:58:23

标签: javascript jquery html knockout.js

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

为此,我在<script src=...元素中包含了指向CDN或下载的库的链接。

但是我经常偶然发现这样的问题:我有JS脚本,在其中使用ko.applyBindings(或其他特定于库的方法或符号,例如$),但遇到错误,我可以解决通过将所有“特定于库的”代码放入window.onload事件处理程序中。

所以我开始怀疑,这样做的良好实践是什么?感觉还不错,到目前为止,我的解决方案没有任何问题,但我对此不确定。

还可以同时加载我们页面的摘要吗?

1 个答案:

答案 0 :(得分:1)

<script>标签在默认情况下(docs here)并按照它们在HTML中列出的顺序同步加载。这意味着它们将按照与HTML中相同的顺序执行。

因此,理想情况下,处理此问题的方法是将脚本按相关性顺序放置,相关性脚本位于最后,库优先。这样可以避免使用侦听器和其他代码来等待所有脚本加载。

希望这会有所帮助!让我知道是否需要更多说明。