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 doc后必须可行吗？

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');
});

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

相应地加载javascript文件

3 个答案: