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

如何解决将 <script> 标记分配给 javascript 变量并将其插入到 html

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

<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 中？

解决方法

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