动态插入脚本标签？

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

试试这个功能：

(function () {
    if (typeof window.R === 'undefined') {
        var s = document.createElement('script');
        s.setAttribute('src', 'source goes here!');
        document.body.appendChild(s);  // this appends the script to the body you can also use document.head.appendChild(s) to append to the head
    }
}());

Answer 2

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

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

动态插入脚本标签？

Dynamically insert script tag?

html

javascript

script-tag