jQueryを使って実行時にJavaScriptをロードする方法

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