javascript - ページの読み込み後に HTML 本文に外部 JavaScript ファイルを挿入する

Question

ページが読み込まれた後に外部の JavaScript を読み込みたい。実際、javascript には広告のソースが含まれており、ページの読み込みが遅くなります。私が望むのは、広告の読み込みと実行を遅らせて、ページの読み込みを高速化することだけです.

ありがとう、ビラル

Answer 1

このスクリプトは、ボディブロックの最後のタグで使用できます。

<script type="text/javascript">
   var script = document.createElement('script');
   script.setAttribute('src', 'http://yourdomian.com/your_script.js');
   script.setAttribute('type', 'text/javascript');
   document.getElementsByTagName('head')[0].appendChild(script);
</script>

Answer 2

var script=document.createElement('script');
script.type='text/javascript';
script.src=url;

$("body").append(script);

コートシー

Answer 3

$("#selector").click(function(){ $.getScript("YourScript.js"); });

Then Run what is implemented in that script

Answer 4

非同期 Javascript 読み込みの使用を検討します。これにはrequireJSなどのフレームワークがあります。

Answer 5

jQuery getScript() のようなものと promise または requireJS のような適切な読み込みライブラリを使用しないと、スクリプトをページに含めることができますが、非同期で読み込まれるため、必要なときに準備ができているという保証はありません。すでに jQuery を使用している場合、簡単な答えは次のとおりです。

$.getScript( scriptUrl ).then( function() {
  //do this ONLY after the script is fully loaded
});