将 <script> 标记分配给 javascript 变量并将其插入到 html答案

【问题标题】：Assigning <script> tag to javascript variable and insert it to html将 <script> 标记分配给 javascript 变量并将其插入到 html
【发布时间】：2021-01-28 18:29:10
【问题描述】：

我有这段代码可以检查页面上是否存在元素，然后执行脚本。

<script>
  var interval = setInterval(nodeLoaded, 500)
  var dynamicScriptOne = "<script src='https://www.source-here.com'></script>";
  var dynamicScriptTwo = "<script> console.log('log here')</script>";

  // Check if node is loaded
  function nodeLoaded() {
    var node = document.querySelector('.node-container')
    if (node){
        ******************************************** 
          INSERT THE DYNAMIC SCRIPT VARIABLE 
          "dynamicScriptOne" and "dynamicScriptTwo" 
          TO HTML PAGE HERE 
        ************************************************

        // Clear Interval Function when node is loaded
        clearInterval(interval)
    }
  }
</script>

我有一个网络应用程序，用户正在从后端添加他们的脚本。他们可以选择触发脚本的事件。像“onEnter”、“onExit”和“onLoad”

当页面完全加载时，“onLoad”事件将触发他们从后端添加的脚本。因为有延迟，比如页面渲染前的 0.5 秒到 1 秒。

有没有办法将这些变量注入到 javascript 函数中的 HTML 中？

【问题讨论】：

标签： javascript

【解决方案1】：

如果您信任传入的输入，请考虑将脚本附加到 node，但它不会运行。那么你就可以取脚本标签的innerHTML，然后通过eval运行它。但是，如果您不知道自己的脚本是什么，eval 是不安全的，应尽可能避免使用。

【讨论】：