javascript - 等待动态加载的脚本

Question

在我的页面正文中，我需要插入此代码作为 AJAX 调用的结果:

    <p>Loading jQuery</p>
    <script type='text/javascript' src='scripts/jquery/core/jquery-1.4.4.js'></script>
    <p>Using jQuery</p>
    <script type='text/javascript'>
        $.ajax({
            ...
        });
    </script>

我无法使用 $.load()，因为文档已经加载，所以事件不会触发。

这样安全吗？如果没有，我如何确保在执行自定义生成的代码之前加载 jquery 脚本。

Answer 1

将 ID 添加到您的脚本文件，以便您可以查询它。

<script id="hljs" async src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.0.0/highlight.min.js"></script>

然后在JavaScript中给它添加一个加载监听器

<script>
  var script = document.querySelector('#hljs');
  script.addEventListener('load', function() {
    hljs.initHighlightingOnLoad(); 
  });
</script>