javascript - 动态插入脚本标签?

标签 javascript html script-tag

<分区>

所以我有这个脚本标签

 <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 把它钉在了头上。

最佳答案

看来您没有正确添加脚本标签。 这是您可以做到的一种方法:

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

关于javascript - 动态插入脚本标签?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52227584/

相关文章:

javascript - JS number 函数在末尾加零

javascript - 根据 DOM-inspector,FORM 看起来是空的

javascript - 在上传javascript期间获取图像的宽度和高度

javascript - 如何使用 Prototype 插入 &lt;script&gt;?

javascript - 在使用 JavaScript 构建 HTML 时保持关注点分离的最佳实践是什么?

javascript - 具有两个参数的 Angular 函数具有错误 : [$parse:syntax]

javascript - 如何访问 Travis CI 中的环境变量

html - 位置 : fixed scrolls too far

php - 为什么我的 &lt;script&gt; 标签在 php 文件中不起作用? (这里也涉及到 jQuery)

javascript - 脚本标记中的 onload 事件未触发