如何处理 XMLHttpRequest 下载文件中的 javascript？ [复制]

Question

我想从下载的html 文件中执行 javascript。我使用 XMLHttpRequest 来获取 html 响应。

function load2element() {

    localStorage.setItem("geadele", "cool variable is passed");

    var client = new XMLHttpRequest();
    client.open('GET', '/geadele/geadele/gesurvey.html');
    client.onreadystatechange = function() {
        el.innerHTML = client.responseText; // << file with javascript 
    }

    client.send();
}

导入的gesurvey.html 包含用于执行的javascript代码：

<script>
    console.log("From gesurvey.html");
    console.log(localStorage.getItem("geadele")); // should "cool variable is passed"
</script>

<div>I am survey</div>

Answer 1

function load2element() {
  localStorage.setItem("geadele", "cool variable is passed");
  var client = new XMLHttpRequest();
  client.open('GET', '/geadele/geadele/gesurvey.html');
  client.onreadystatechange = function() {
    var regex = /<script\b[^>]*>([\s\S]*?)<\/script>/g;
    var scriptContent = regex.exec(client.responseText);
    if (scriptContent.length) {
        var scriptTbExecuted = '"use strict"; ' + scriptContent[1];
        eval(scriptTbExecuted);
    }
  }
  client.send();
}

但是，执行 eval 是危险的。严格模式消除了一些有害行为，但您需要阅读 strict mode 中的 eval 信息，考虑您想要的内容和该脚本的内容。