哪个更适合我简单但工作的嵌入代码（为什么？）

对于大多数人来说，这可能是一个简单的问题，也许我对这篇文章的样式太多了，但我只希望它能帮助我们获得一个很好的答案（对我的第一个问题）。哪个更适合我简单但工作的嵌入代码（为什么？）

背景

我想创建一个简单的横幅/视频等等多个小学可以显示他们属于一个更大的非营利性组织（如“保护伞品牌”）。

由于大多数学校都有自己的网站和网站管理员，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

哪个更适合我简单但工作的嵌入代码（为什么？）

回答

相关问题