Rumah >hujung hadapan web >html tutorial >Bagaimana untuk membaca kandungan fail teks dalam html
HTML tidak boleh membaca fail teks, tetapi ia boleh dicapai menggunakan JavaScript: gunakan fetch() untuk mendapatkan kandungan fail gunakan kaedah response.text() untuk mendapatkan teks dalam kaedah then();
Cara membaca kandungan fail teks menggunakan HTML
HTML itu sendiri tidak boleh membaca secara langsung kandungan fail teks. Walau bagaimanapun, fungsi ini boleh dilaksanakan dengan mudah menggunakan JavaScript.
Kaedah:
Untuk membaca kandungan fail teks, anda boleh menggunakan fungsi JavaScript berikut:
<code class="javascript">fetch('textfile.txt') .then(response => response.text()) .then(data => { // 对读取到的文本文件内容进行处理 });</code>
Penerangan:
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()
mengembalikan kandungan teks fail teks. Kaedah then()
digunakan untuk mengendalikan respons selepas berjaya membaca fail teks. 🎜🎜🎜🎜Contoh: 🎜🎜🎜Berikut ialah contoh kod HTML yang membaca kandungan fail teks dan memaparkannya pada halaman web: 🎜rrreee🎜Dalam contoh ini: 🎜🎜🎜textfile.txt code> ialah fail teks untuk dibaca. 🎜🎜<kod>kandungan</kod>
ialah elemen HTML yang akan mengandungi kandungan fail teks yang dibaca. 🎜🎜Atas ialah kandungan terperinci Bagaimana untuk membaca kandungan fail teks dalam html. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!