首页 > 解决方案 > 加载另一个后加载 JS 脚本

问题描述

这是我的代码:

<script src='app.js' defer></script> //very big js file
//lots of html stuff
<script> alert(1);</script>

问题是,这些是异步加载的。有没有办法等待第二个脚本直到第一个脚本被加载?

标签: javascripthtml

解决方案


如果你使用 jQuery,有一个非常简单的方法可以通过getScript函数来做到这一点。只需添加加载后需要执行的脚本部分并将其作为参数传递给函数。

$.getScript( "app.js" )
  .done(function( script, textStatus ) {
    console.log( textStatus );
    //your remaining code
  })
  .fail(function( jqxhr, settings, exception ) {
    //script fail warning if you want it
});

推荐阅读