javascript - 动态插入脚本标签？

This question already has answers here:

How to append <script></script> in JavaScript? [duplicate]

(6个答案)


2年前关闭。




所以我有这个脚本标签

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

我希望能够动态插入。我尝试将其设置为变量，

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

并使用innerHTML将其添加到我的内容div中，但这似乎不起作用。我知道我要解决这个非常错误的问题，并且我当中的一部分人认为这甚至是不可能的。

我想要这样做的原因是，我可以出于测试目的打开和关闭广告，以便测试期间的 View 不会影响分析，这是我什至应该担心的事情，或者它可以忽略不计。我只是知道，由于没有启用测试变量即可打开和关闭广告的功能，因此我一直被禁止进行图表加速。

编辑:是的，这与其他问题类似，但是这些问题无法使用“data-cfasync”之类的属性来解决。 Mandalina和supra28将其钉在头上。

最佳答案

看来您未正确添加脚本标签。
这是您可以执行的一种方法:

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