javascript - 相应地加载javascript文件

Question

我正在尝试相应地从不同的 javascript (.js) 文件加载。例如，当按钮 1 单击时，则加载 1.js，当单击其他按钮时，则加载相关的 .js 文件。（例如 2.js）

我只知道加载 js 文件的常用方法。有没有其他方法可以达到同样的效果，但可以相应地加载不同的.js？任何 jquery 函数也会这样做吗？

回复

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

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