分配<script> tag to javascript variable and insert it to html

Question

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

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

Answer 1

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