为什么获取的 html 文件的脚本不执行？

Question

我一直在努力解决这个问题，但在这个问题上没有任何进展。获取的 html 文件的脚本无法执行，正如您可能在此处看到的那样，当我获取它时，它的脚本应该会更改正文的颜色，但这种情况不会发生，但样式可以正常工作。

谁能告诉我为什么这不起作用？

索引HTML

<!DOCTYPE html>
<html>

<body>
  <script>
    fetch("Onload.html")
      .then((response) => {
        return response.text();
      })
      .then((html) => {
        document.body.innerHTML = html;
      });
  </script>
</body>

</html>

已获取HTML

<p>HELLO WORLD!</p>
<script>
  document.body.style.backgroundColor='green'
</script>

Answer 1

没有jquery！伙计们，这是怎么做的

索引html

<!DOCTYPE html>
<html>

<body>
  <script>
    fetch("Onload.html")
      .then((response) => {
        return response.text();
      })
      .then((html) => {
        document.body.innerHTML=html;
      });
    fetch('onload.js')
    .then(response => response.text())
    .then(txt => {
        var script = document.createElement("script");
        script.innerHTML = txt;
        document.body.appendChild(script);
      });
    
  </script>
</body>

</html>

为什么获取的 html 文件的脚本不执行？

Why does a fetched html file's script not execute?

html

javascript

fetch

es6-promise

fetch-api