javascriptを使用して別のjavascriptファイルを非同期的にダウンロードします。
src
これは、ファイルurlに属性が設定されたページに新しいスクリプトタグを挿入することで実行できることを理解しています。
また、スクリプトのダウンロードが完了したら、コードを実行する必要があります。私はこれにyepnopeを使用してきましたが、スクリプトのダウンロードと実行が終了したときに実行される「コールバック」を提供します。
これはどのように達成されますか?
ありがとう!
javascriptを使用して別のjavascriptファイルを非同期的にダウンロードします。
src
これは、ファイルurlに属性が設定されたページに新しいスクリプトタグを挿入することで実行できることを理解しています。
また、スクリプトのダウンロードが完了したら、コードを実行する必要があります。私はこれにyepnopeを使用してきましたが、スクリプトのダウンロードと実行が終了したときに実行される「コールバック」を提供します。
これはどのように達成されますか?
ありがとう!
ほとんどのJSローダーは<script>
、DOMにタグを挿入し、そのonload
イベントを提供された関数にバインドすることでこれを行います。
yepnope
同じアプローチを使用しており、ソースコードからそれを簡単に観察できます。この関数injectJs
は、を使用してDOM要素を作成し、を使用してその他の必要な属性をdoc.createElement
設定し、 &イベントを提供されたコールバックにバインドし、最後に要素をドキュメントに挿入します。src
setAttribute
onreadystatechange
onload
yepnope.injectJs( scriptSource [, callback ] [, elemAttributes ] [, timeout ]);
彼らのウェブサイト
からまっすぐに:あなたはそのように成功したコールバックであなたが必要とするコードを単に実行します。
// Example
yepnope.injectJs("jquery.js", function () {
console.log("It is finished loading and I can do whatever I need to here");
}, { charset: "utf-8" }, 5000);
これはjqueryを使用して実行できます。使用する場合は、Jquery.getScript()
リンクをチェックアウトすると、詳細情報が表示されます。