javascript - それに応じてjavascriptファイルをロードする

Question

それに応じて、別の javascript (.js) ファイルからロードしようとしています。たとえば、ボタン 1 をクリックすると 1.js がロードされ、他のボタンがクリックされると、関連する .js ファイルがロードされます。(例: 2.js)

jsファイルをロードする通常の方法であることはわかっています。同じ効果でそれを達成できるが、それに応じて異なる.jsをロードする可能性を提供できる他の方法はありますか?? jquery関数もそれを行いますか?

よろしく

Answer 1

$.getSCriptを使用できます

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

Answer 2

次のことを試すことができます。

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

これの欠点は、JavaScriptファイルが通常ページとともに読み込まれることだと思っています。ロードされたスクリプトは、html ドキュメントに追加された後に実行可能でなければなりませんか?

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

これにより、クリックしたボタンに基づいてスクリプト ファイルが追加されます。