相应地加载JavaScript文件

Question

我正试图从不同的JavaScript（.js）文件加载相应。 例如当按钮1点击时，然后加载1.js，当其他人点击时，然后加载相关的.js文件。 （例如2.js）

我刚刚知道将是通常的方式来加载一个js文件。有没有其他方式可以达到同样的效果，但提供了相应的加载不同的.js的可能性？任何jQuery的功能也会这样做？

Reagrds

Answer 1

你可以尝试以下方法：

$(".button").click(function(){ 
$("html head").append("<script src='script.js'></script>"); 
}); 

我只是在想，这样的缺点将是JavaScript文件通常与页面加载。所以加载后的脚本必须在HTML文档中加入后才可行？

Answer 2

您可以使用$.getSCript

$.getScript("ajax/test.js", function() { 
    // callback called after js loaded successfully 
}); 

Answer 3

你可以使用类似这样

$('#btn1').click(function(){ 
    $('<script />', { type : 'text/javascript', src : 'yourscript1.js'}).appendTo('head'); 
}); 
$('#btn2').click(function(){ 
    $('<script />', { type : 'text/javascript', src : 'yourscript2.js'}).appendTo('head'); 
}); 

这将根据您的按钮点击添加脚本文件。