JS加载应该加载HTML资产（CSS和JS）的外部HTML

Question

我已经编写了以下代码段，以发送HTTP请求以获取HTML文件。 HTML文件包含CSS和JS（链接和脚本标签）：

var request = new XMLHttpRequest();
request.open('GET', 'form.html', true);

request.onload = function() {
  if (request.status >= 200 && request.status < 400) {
    var resp = request.responseText;

    this.innerHTML = resp;
  } else {

  }
};

request.onerror = function() {

};

request.send();

上面的代码段发送了一个请求并获取HTML。 但是，将HTML放入DOM时遇到了问题，也没有发送获取样式和javascript的请求。 如何执行以上操作，并获取响应HTML，将其放入页面中，并发送请求以获取各种资产？

Answer 1

在您的onload处理程序中， this指向request对象，而不是文档，因此设置innerHTML属性不会做任何有用的事情。 您需要告诉它新HTML的放置位置，例如

request.onload = function() {
  if (request.status >= 200 && request.status < 400) {
    var resp = request.responseText;

    document.documentElement.innerHTML=resp;
  } else {

  }
}

（请注意，这在早期的IE版本中将无法使用）