javascript - 如何包含多个 JS 文件取决于事件 onload 或 $(document).ready()？

Question

有几个库位于不同的文件中，其中一些必须同时包含 onload 事件。方便我只能调用我需要的库。有时我需要阻止对包含文件的访问。

这就是我使用的：

<script type="text/javascript" src="<?=JS;?>swfupload/swfupload.js"></script>
<script type="text/javascript" src="<?=JS;?>swfupload/handlers.<?=$language;?>.js"></script>

<!-- ACTION -->
<script type="text/javascript">

  $(document).ready(function(){

      $.getScript("<?=JS;?>swfupload/swfupload.action.js");
      $.getScript("<?=JS;?>maps/gmap3.action.js");
      $.getScript("<?=JS;?>tiny_mce/tiny_mce.action.js");
      $.getScript("/jvs/cabinet.company.js");

  });

</script>

<!-- tinyMCE -->
<script type="text/javascript" src="<?=JS;?>tiny_mce/tiny_mce.js" ></script>

但我不喜欢使用 $.getScript 方法，有些事件不是由 Ajax 处理的。请帮助解决问题。

Answer 1

我认为您只需要使用 done 和 fail 功能，如下所示：

$.getScript( "ajax/test.js" )
  .done(function( script, textStatus ) {
    console.log( textStatus );
  })
  .fail(function( jqxhr, settings, exception ) {
    $( "div.log" ).text( "Triggered ajaxError handler." );
});

或者只使用标准的 Ajax 请求，如下所示：

$.ajax({
  url: url,
  dataType: "script",
  success: success
});

它包含在文档中： http: //api.jquery.com/jQuery.getScript/