如何使用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>