如何使用jQuery $ .getScript()方法包含多个js文件？

要使用多个js文件，请使用相同的getScript()，该脚本用于添加单个js文件。我们有带有以下代码片段的result.js文件-

function CheckJS(){
   alert("This is JavaScript - File1");
}

我们有带有以下代码片段的result2.js文件-

function CheckJS(){
   alert("This is JavaScript – File2");
}

示例

这是添加多个js文件的代码段。在这里，我们将在上述2个js文件中调用该函数-

   <head>

      <script src = "https://cdn.staticfile.org/jquery/2.1.3/jquery.min.js"></script>
       
      <script>
         $(document).ready(function() {
           
            $("#button1").click(function(event){
               $.getScript('result.js', function(jd) {
                  //定义的自定义函数
                  CheckJS();
               });
            });
   
           $("#button2").click(function(event){
               $.getScript('result2.js', function(jd) {
                  //调用脚本2中定义的自定义函数
                  CheckJS();
               });
            });
               
         });
      </script>
   </head>
   
   <body>
   
      <p>Click on the button to load result.js file −</p>
       
      <div id = "stage" style = "background-color:cc0;">
         STAGE
      </div>
       
      <input type = "button" id = "button1" value = "Load Data" />
      <input type = "button" id = "button2" value = "Load 2 Data" />
       
   </body>

基础教程