Der Javascript-Ansatz scheint der bevorzugte zu sein. Aber mit den folgenden Beispielen können Sie möglicherweise Probleme mit Cross-Ursprungsanfragen (localhost zum Internet und umgekehrt) bekommen oder Sie können Sicherheitsprobleme haben, wenn Sie externe Skripte hinzufügen, die nicht über HTTPS bedient werden.
Eine Inline-Lösung ohne externe Bibliotheken wäre:
<!DOCTYPE html>
<html>
<body>
<div id="textcontent"></div>
<script>
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
document.getElementById('textcontent').innerText = xhttp.responseText;
};
xhttp.open("GET", "content.txt", true);
xhttp.send();
</script>
</body>
</html>
Hier finden Sie eine Datei content.txt
im selben Ordner wie die HTML-Datei benötigen. Die Textdatei wird über AJAX geladen und dann mit der ID textcontent
in das div gestellt. Fehlerbehandlungen sind im obigen Beispiel nicht enthalten. Details zu XMLHttpRequest finden Sie unter http://www.w3schools.com/xml/xml_http.asp.
EDIT:
Als VKK in einer anderen Antwort erwähnt, müssen Sie die Dateien auf einem Server setzen, es zu testen, sonst hat man Cross-Origin-Fehler wie XMLHttpRequest cannot load file:///D:/content.txt. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.
http erhalten: // Stackoverflow .com/questions/6470567/jquery-laden-txt-file-and-insert-in-div PS noch einfacher mit php, imho ... – sinisake
kann diese Heilung sein 'iframe':'