运行页面加载后添加的脚本

Question

我需要稍后为我的项目添加页面，但是在底部添加脚本标记后没有执行。

主要的

const fetch = (url, call) => {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
      if (this.readyState == 4 && this.status == 200) {
         call(xhttp);
      }
  };
  xhttp.open("GET", url, true);
  xhttp.send();
}

const UpdatePage = page_name => {
  fetch(`/app/${page_name}`, (data => {
    App.innerHTML = data.responseText;
  }))
}

新页面代码

<div>
    <%= showId %>
</div>

<script>console.log("Welcome to somewhere")</script>

页面加载成功，但 javascript 未执行。 我如何在添加的新页面上执行脚本标签？

Answer 1

我没有真正理解你的问题。 尽管您想在页面加载后运行脚本，但从我所做的事情来看。

为此，您可以使用 defer 标签

<script src="script.js" defer></script>

阅读这篇MDN 文章了解更多信息。

Answer 2

您必须调用该函数

fetch();
UpdatePage();

在执行此操作之前，您必须在ejs文件中调用您的文件js