jQueryを使用して実行時にJavaScriptをロードする方法
ウェブサイトのパフォーマンスを向上させ、総ファイルサイズリターンを削減するには、必要なときにJavaScript(.js)ファイルを読み込むことを検討してください。 jQueryでは、$.getScript関数を使用して、実行時またはオンデマンドでJavaScriptファイルをロードできます。
例えば、
$("#load").click(function(){ $.getScript('helloworld.js', function() { $("#content").html('Javascript is loaded successful!'); }); });
IDが「load」のボタンをクリックすると、「helloworld.js」JavaScriptファイルが動的に読み込まれます。
自分で試してください
この例では、ロードボタンをクリックすると、実行時に「sayhello()」関数を含む「js-example/helloworld.js」がロードされます。
Load Javascript dynamically with jQuery