哪個更適合我簡單但工作的嵌入代碼（爲什麼？）

對於大多數人來說，這可能是一個簡單的問題，也許我對這篇文章的樣式太多了，但我只希望它能幫助我們獲得一個很好的答案（對我的第一個問題）。哪個更適合我簡單但工作的嵌入代碼（爲什麼？）

背景

我想創建一個簡單的橫幅/視頻等等多個小學可以顯示他們屬於一個更大的非營利性組織（如「保護傘品牌」）。

由於大多數學校都有自己的網站和網站管理員，CMS-ES等，我想給出一個簡單的JS代碼，供網站管理員在模板/ html中實現。就像f.i. Google Analytics代碼或Intercom等服務。

要求

容易實現（複製/粘貼）
異步，所以它不會使用PageSpeed等
沒有的iFrame

我的解決辦法干擾

我寫了一個簡單工作的JavaScript（createBanner.js）與CSS/HTML創建一個DIV，將外部網站託管：

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);

我會要求學校實行的嵌入腳本，並有2個版本。

嵌入腳本版本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>

我的問題：

兩個嵌入腳本中的哪一個最適合我使用？還是有更好的辦法？
這些方法在將來還可以用於更精細的JavaScript嗎？

謝謝你的幫忙。

最好的問候，丹尼斯

來源

2017-09-15 Dennis van Rijswijk

取決於你的用例，但如果你的腳本有在DOM或其他腳本沒有依賴性，只是去了第二個。如果是的話，去第一個。

但由於要求本身規定它應該是異步的，第二個是

來源

2017-09-16 08:17:41

哪個更適合我簡單但工作的嵌入代碼（爲什麼？）

回答

相關問題