相应地加载JavaScript文件

loading javascript file accordingly

本文关键字:JavaScript 文件 加载      更新时间:2023-09-26

我正在尝试相应地从不同的javascript(.js)文件加载。例如,当按钮1单击时,则加载1.js,当另一个单击时,则加载相关的.js文件。(例如 2.js)

我只知道这是加载 js 文件的常用方法。 有没有其他方法可以达到相同的效果,但提供相应地加载不同.js的可能性? 任何jQuery函数也会这样做吗?

雷格德斯

您可以尝试以下操作:

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

我只是在想这样做的缺点是 javascript 文件通常随页面一起加载。那么加载的脚本在附加到 html 文档后一定是可行的吗?

你可以

使用 $.getSCript

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

你可以使用这样的东西

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

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