Laden und Anzeigen von js, py, (etc ...) Dateien mit JavsScript

Question

Ich baue eine statische Website, die nur auf Client-Seite (kein PHP) weiterleiten wird. Ich habe ein Paar von js und py-Dateien, die ich auf der Website als Code anzeigen möchte.

Ich möchte wirklich vermeiden, mit jQuery und implementieren Sie alles in JavaScript (leicht wie möglich).

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

Dies funktioniert nicht. Was sind meine Möglichkeiten? Danke.

Answer 1

Verwenden Sie AJAX, um den Inhalt der Datei abzurufen und in das Element einzufügen. Verwenden Sie .textContent, um zu verhindern, dass es als HTML interpretiert wird.

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();

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