使用JavsScript加载和显示js，py，（etc ...）文件

Question

我正在构建一个静态网站，它只会在客户端（没有PHP）进行中继。 我有几个js和py文件，我想在网站上显示为代码。

我真的想避免使用jQuery并在JavaScript中实现所有内容（尽可能轻量级）。

var codeToDisplay = "<object type='text/html' data='problem001.js'></object>";
document.getElementById('code').innerHTML = codeToDisplay;

这不起作用。我有什么选择？ 感谢。

Answer 1

使用AJAX获取文件的内容并将其插入元素中。使用.textContent来阻止将其解释为HTML。

＆＃13;

＆＃13;

var url = 'problem001.js';
xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
    if (xhr.readystate == 4 && xhr.status == 200) {
       document.getElementById('code').textContent = xhr.responseText;
    }
}
xhr.open("GET", url, true);
xhr.send();

＆＃13;

<div id="code"></div>

＆＃13;

＆＃13;

＆＃13;