私のシンプルだが動作しているjavascript埋め込みコードの方が良い（そしてなぜ？）

Question

これはおそらくあなたのほとんどの人には簡単な質問であり、おそらく私はこの投稿をあまりにもスタイリングしているだろうが、 （私の最初の質問に）。

背景

私は視覚的なシンプルなバナー/を作成したいので、複数の小学校が（例えば、「傘ブランド」）彼らは、より大きな非営利組織に属していることを表示することができます。

ほとんどの学校には独自のウェブサイトやウェブマスター、CMSなどがあります。ウェブマスターがtemplate/htmlに実装するためのJSの簡単な行を示したいと思います。 f.iのように。インターコムのようなGoogleアナリティクスのタグやサービス。それはページスピードに干渉しないように私のソリューション

など

ませiFrameを非同期に（コピー/貼り付け）を実装しないために

要件

1. 簡単

   私はCSS/HTMLでDIVを作成し、外部のウェブサイト上でホストされるシンプルな作業ジャバスクリプト（createBanner.js）を書いた：私は埋め込みスクリプトを実装するために学校を頼むと2を持っています

   var logo = document.createElement("div"); 
   logo.innerHTML = 
       '<span style="height: 100px;width: 100px; background: red; position: fixed; right: 10px;top: 10px;z-index: 99999;"></span>\n' 
   document.body.appendChild(logo); 
   

   をバージョン。

   埋め込みスクリプトバージョン1：

   <script> 
   var script = document.createElement('script'); 
   script.src = "//externaldomain.com/createBanner.js"; 
   document.getElementsByTagName('head')[0].appendChild(script); 
   </script> 
   

   埋め込みスクリプトバージョン2：

   <script async src="//externaldomain.com/createBanner.js"></script> 
   

   私の質問：

   1. 2つの埋め込みスクリプトのうち、どちらを使用するのが最適ですか？それとももっと良い方法がありますか？

   2. これらのメソッドは、今後さらに複雑なjavascriptにも使用できますか？

   ありがとうございました。

   敬具、 デニス

Answer 1

はあなたのユースケースに依存するが、あなたのスクリプトは、DOMや他のスクリプトで依存関係がない場合は、ちょうど1秒間に行きます。はいの場合は、最初に行ってください。

しかし、要件自体では非同期である必要があるため、2番目のものは