javascript - jQuery（document）.ready（）の後に外部の場所からjavascriptを実行します

Question

外部JavaScriptは、ページコンテンツのdivに次のように読み込まれます。

<script type="text/javascript" src="http://example.com/example.js"></script>

外部スクリプトは、次のようにニュースレターの登録フォームを印刷します。

document.write("<body>\n<form method=\"post\" action ETC....");

問題は、外部サーバーが遅く、このサードパーティのスクリプトがjQuery（document）.ready（）の前に読み込まれることです。これにより、スライドショーのfacebookプラグインなどが削除されます。

ページ全体が読み込まれた後、このスクリプトをページコンテンツの現在の位置でレンダリングするにはどうすればよいですか？

（私はさまざまなスレッドで提案されたソリューションをたくさん試しましたが、どれもうまくいきませんでした...）

score 2 · Accepted Answer

$(window).loadすべてのファイル/アセットがダウンロードされた後にトリガーされます。

$(window).load(function () {
  // run code
});

score 0 · Accepted Answer

<body onload="RunScript();">

function RunScript()
{
   document.write("<body>\n<form method=\"post\" action ETC....");
}

また

document.onload=function ...

score 0 · Accepted Answer

あなたがする必要があるのは、ページがロードしたスクリプトを「注入」することです：

$(function () {
     $('body').append('<script src="example.com/script.js"></script>');
});

これはドキュメントの準備ができたときに実行されますが、スクリプトは非同期で読み込まれるため問題ありません。

3 に答える 3