HTML kann keine Textdateien lesen, aber es kann mit JavaScript erreicht werden: Verwenden Sie fetch(), um den Dateiinhalt abzurufen; verwenden Sie die Methode „response.text()“, um den Text in der Methode „then()“ zu verarbeiten.
So lesen Sie den Inhalt einer Textdatei mit HTML
HTML selbst kann den Inhalt einer Textdatei nicht direkt lesen. Diese Funktionalität lässt sich jedoch problemlos mit JavaScript implementieren.
Methode:
Um den Inhalt einer Textdatei zu lesen, können Sie die folgende JavaScript-Funktion verwenden:
<code class="javascript">fetch('textfile.txt') .then(response => response.text()) .then(data => { // 对读取到的文本文件内容进行处理 });</code>
Beschreibung:
fetch()
Die Funktion dient dazu Holen Sie sich Ressourcen vom Server (Textdatei). Die Methode fetch()
函数用于从服务器获取资源(文本文件)。response.text()
方法返回文本文件的文本内容。then()
方法用于处理成功读取文本文件后的响应。示例:
下面是一个读取文本文件内容并将其显示在网页上的 HTML 代码示例:
<code class="html"><html> <head> <script> fetch('textfile.txt') .then(response => response.text()) .then(data => { document.getElementById('content').innerHTML = data; }); </script> </head> <body> <div id="content"></div> </body> </html></code>
在这个示例中:
textfile.txt
是要读取的文本文件。content
response.text()
gibt den Textinhalt der Textdatei zurück. Die Methode then()
wird verwendet, um die Antwort nach erfolgreichem Lesen der Textdatei zu verarbeiten. 🎜🎜🎜🎜Beispiel: 🎜🎜🎜Hier ist ein Beispiel für HTML-Code, der den Inhalt einer Textdatei liest und auf einer Webseite anzeigt: 🎜rrreee🎜In diesem Beispiel: 🎜🎜🎜textfile.txt code> ist die Textdatei, die gelesen werden soll. 🎜🎜<code>content
ist ein HTML-Element, das den Inhalt der gelesenen Textdatei enthält. 🎜🎜Das obige ist der detaillierte Inhalt vonSo lesen Sie den Inhalt einer Textdatei in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!