javascript - 延迟加载脚本加载和/或执行

Question

在我的基于 ajax 的应用程序中，特别是 GWT 应用程序，它有 divs 和隐藏在索引 HTML 上的脚本。这是在应用程序完全加载时重新定位的广告。这种方法的问题在于，在应用完全加载之前先获取广告脚本，从而导致延迟效果或应用加载缓慢。

有没有一种方法可以延迟加载这些 div 中的脚本，以便应用程序可以首先正常加载，并且用户体验可能不会受到那些在完成页面加载之前获取脚本及其执行的影响？

例如

<script src="gwtapp.nocache.js"/>
<div id="ad1">
  <script>...</script>
</div>

在我的应用程序中也有相当多的 div 需要延迟。 jQuery 是否有办法让 div 尚未加载，并在时间准备好时以编程方式触发它。

Answer 1

正如 CorwinCZ 提到的，您可以使用 ready function .并使用 jQuery.getScript()使用 GET HTTP 请求从服务器加载 JavaScript 文件，然后执行它。

   $(function() {
      $.getScript( "gwtapp.nocache.js" )
      .done(function( script, textStatus ) {
        console.log( textStatus );
      })
      .fail(function( jqxhr, settings, exception ) {
        console.log( "ERROR" );
    });
  });