动态插入脚本标签？

Question

所以我有这个脚本标签

 <script async="async" data-cfasync="false" src=""></script>

我希望能够动态插入。我试过将它设置为一个变量，

 let scriptTag = '<script async="async" data-cfasync="false" src=""></script>';

并使用 innerHTML 将其添加到我的内容 div 中，但这似乎不起作用。我知道我这样做是非常错误的，我的一部分认为这可能是不可能的。

我想这样做的原因是为了测试目的，我可以打开和关闭广告，这样我在测试期间的观点就不会影响分析，这是我应该担心的事情还是可以忽略不计。我只知道我已经被禁止使用 chartboost，而没有打开和关闭广告的测试变量。

编辑：是的，这与其他问题类似，但这些问题没有使用“data-cfasync”等属性解决。Mandalina 和 supra28 把它钉在了头上。

Answer 1

您似乎没有正确添加脚本标签。这是您可以做到的一种方法：

 const script = document.createElement("script");
    script.type = "text/javascript";
    script.src = "";
    script.async = true;
    script.dataset.cfasync = false;  
    document.body.appendChild(script);
    script.addEventListener("load", () => {
      console.log("Script added successfully");
      resolve();
    });