HTML sendiri tidak boleh membaca terus fail teks, tetapi fungsi ini boleh dicapai melalui bahasa pengaturcaraan belakang (seperti PHP, Python, Java) atau teknologi JavaScript bahagian hadapan. Kaedah backend menggunakan fungsi file_get_contents() PHP untuk membaca kandungan daripada fail teks dan membenamkannya ke dalam halaman HTML. Kaedah JavaScript bahagian hadapan menggunakan API Ambil untuk menghantar permintaan GET ke fail teks pada pelayan, kemudian menghuraikan kandungan respons dan memaparkannya dalam halaman HTML.
HTML sendiri tidak mempunyai keupayaan untuk membaca fail teks secara langsung, kerana HTML ialah bahasa penanda, terutamanya digunakan untuk membina dan mempersembahkan struktur dan kandungan halaman web, dan bukannya mengendalikan operasi seperti membaca fail. Untuk membaca fail teks dan membenamkan kandungannya ke dalam halaman HTML, anda biasanya perlu menggunakan bahasa pengaturcaraan bahagian belakang (seperti PHP, Python, Java, dll.) atau teknologi JavaScript bahagian hadapan.
Yang berikut akan memperkenalkan kaedah menggunakan bahasa pengaturcaraan bahagian belakang dan teknologi JavaScript bahagian hadapan untuk membaca fail teks dan membenamkannya ke dalam halaman HTML.
1. Gunakan bahasa pengaturcaraan bahagian belakang untuk membaca fail teks
Ia adalah kaedah biasa untuk menggunakan bahasa pengaturcaraan bahagian belakang untuk membaca fail teks dan membenamkan kandungannya ke dalam halaman HTML. Mari kita ambil PHP sebagai contoh untuk menggambarkan proses ini:
1 Cipta fail teks
Pertama, anda memerlukan fail teks untuk menyimpan kandungan yang ingin anda baca. Katakan anda mempunyai fail teks bernama example.txt dengan kandungan berikut:
这是一些示例文本。 它将被读取并显示在HTML页面上。
2 Tulis kod PHP untuk membaca fail teks
Kemudian, anda boleh menggunakan fungsi file_get_contents() PHP untuk membaca kandungan fail teks. . Berikut ialah contoh skrip PHP mudah:
<?php
$file = 'example.txt';
$text = file_get_contents($file);
if ($text === false) {
echo "无法读取文件: $file";
} else {
echo nl2br($text); // nl2br函数将换行符转换为<br>标签，以便在HTML中正确显示
}
?>Dalam skrip ini, fungsi file_get_contents() membaca kandungan fail yang ditentukan dan menyimpannya dalam pembolehubah $text. Jika bacaan gagal, ia akan kembali palsu, di mana anda boleh mencetak mesej ralat. Jika tidak, anda boleh menggunakan pernyataan gema untuk mengeluarkan kandungan teks ke halaman HTML.
3. Benamkan kod PHP ke dalam HTML
Seterusnya, anda boleh membenamkan kod PHP ke dalam fail HTML untuk memaparkan kandungan teks yang dibaca dalam penyemak imbas. Ini biasanya dicapai dengan meletakkan kod PHP dalam teg Contohnya:
<!DOCTYPE html>
<html>
<head>
<title>读取文本文件示例</title>
</head>
<body>
<h1 id="读取的文本内容">读取的文本内容</h1>
<p>
<?php
// 这里是之前编写的PHP代码
$file = 'example.txt';
$text = file_get_contents($file);
if ($text === false) {
echo "无法读取文件: $file";
} else {
echo nl2br($text);
}
?>
</p>
</body>
</html>4 Konfigurasikan pelayan dan akses halaman
Akhir sekali, anda perlu menggunakan fail .html (sebenarnya fail .php dalam kes ini, kerana ia mengandungi kod PHP) kepada PHP yang didayakan. web pada pelayan seperti Apache atau Nginx. Pelayan perlu dikonfigurasikan untuk dapat menghuraikan kod PHP. Setelah dikonfigurasikan, anda boleh mengakses halaman melalui penyemak imbas anda dan melihat kandungan dibaca daripada fail teks dan dibenamkan.
2 Gunakan JavaScript bahagian hadapan untuk membaca fail teks
Walaupun HTML itu sendiri tidak boleh membaca fail, JavaScript bahagian hadapan menyediakan teknologi seperti API Fail dan API Ambil, yang membolehkan pengguna membaca fail setempat di sebelah penyemak imbas atau meminta. melalui rangkaian Dapatkan kandungan fail. Berikut ialah contoh membaca fail teks daripada pelayan menggunakan JavaScript dan API Ambil:
1 Letakkan fail teks pada pelayan
Mula-mula, anda perlu meletakkan fail teks (cth. example.txt) pada. pelayan web , supaya ia boleh diakses melalui permintaan HTTP.
2. Tulis kod JavaScript untuk membaca fail teks
Kemudian, anda boleh menggunakan API Ambil JavaScript untuk menghantar permintaan GET ke URL fail teks pada pelayan dan membaca kandungan respons. Berikut ialah contoh mudah:
<!DOCTYPE html>
<html>
<head>
<title>使用JavaScript读取文本文件</title>
</head>
<body>
<h1 id="读取的文本内容">读取的文本内容</h1>
<pre id="textContent">
<script>
fetch('example.txt') // 假设example.txt位于同一目录下，或者提供完整的URL
.then(response => response.text()) // 解析响应内容为文本
.then(text => {
document.getElementById('textContent').textContent = text; // 将文本内容显示在<pre class="brush:php;toolbar:false">标签中
})
.catch(error => {
console.error('读取文件时发生错误:', error);
});
</script>
Atas ialah kandungan terperinci Bagaimana untuk membaca fail teks dalam html. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Dari teks ke laman web: Kekuatan HTMLApr 13, 2025 am 12:07 AMHTML adalah bahasa yang digunakan untuk membina laman web, menentukan struktur laman web dan kandungan melalui tag dan atribut. 1) HTML menganjurkan struktur dokumen melalui tag, seperti,. 2) Penyemak imbas menghancurkan HTML untuk membina DOM dan menjadikan laman web. 3) Ciri -ciri baru HTML5, seperti, meningkatkan fungsi multimedia. 4) Kesilapan biasa termasuk label yang tidak terkawal dan nilai atribut yang tidak disebutkan. 5) Cadangan pengoptimuman termasuk menggunakan tag semantik dan mengurangkan saiz fail.
Memahami HTML, CSS, dan JavaScript: Panduan PemulaApr 12, 2025 am 12:02 AMWebDevelopmentReliesOnhtml, CSS, andjavascript: 1) HtmlStructuresContent, 2) CSSStylesit, dan3) JavaScriptaddsInteractivity, Formingthebasisofmodernwebexperiences.
Peranan HTML: Penstrukturan Kandungan WebApr 11, 2025 am 12:12 AMPeranan HTML adalah untuk menentukan struktur dan kandungan laman web melalui tag dan atribut. 1. HTML menganjurkan kandungan melalui tag seperti, menjadikannya mudah dibaca dan difahami. 2. Gunakan tag semantik seperti, dan lain -lain untuk meningkatkan kebolehcapaian dan SEO. 3. Mengoptimumkan kod HTML boleh meningkatkan kelajuan pemuatan laman web dan pengalaman pengguna.
HTML dan Kod: Melihat lebih dekat pada istilahApr 10, 2025 am 09:28 AMHtmlisaspecifictypeofcodefocusedonstructuringwebcontent, manakala "kod" secara meluas ini
HTML, CSS, dan JavaScript: Alat penting untuk pemaju webApr 09, 2025 am 12:12 AMHTML, CSS dan JavaScript adalah tiga tiang pembangunan web. 1. HTML mentakrifkan struktur laman web dan menggunakan tag seperti, dan sebagainya. 2. CSS mengawal gaya laman web, menggunakan pemilih dan atribut seperti warna, saiz font, dan lain-lain.
Peranan HTML, CSS, dan JavaScript: Tanggungjawab TerasApr 08, 2025 pm 07:05 PMHTML mentakrifkan struktur web, CSS bertanggungjawab untuk gaya dan susun atur, dan JavaScript memberikan interaksi dinamik. Ketiga melaksanakan tugas mereka dalam pembangunan web dan bersama -sama membina laman web yang berwarna -warni.
Adakah HTML mudah belajar untuk pemula?Apr 07, 2025 am 12:11 AMHTML sesuai untuk pemula kerana mudah dan mudah dipelajari dan dapat melihat hasilnya dengan cepat. 1) Keluk pembelajaran HTML adalah lancar dan mudah dimulakan. 2) Hanya menguasai tag asas untuk mula membuat laman web. 3) Fleksibiliti yang tinggi dan boleh digunakan dalam kombinasi dengan CSS dan JavaScript. 4) Sumber pembelajaran yang kaya dan alat moden menyokong proses pembelajaran.
Apakah contoh tag permulaan dalam html?Apr 06, 2025 am 12:04 AMAnexampleofastartartingtaginhtmlis, yangbeginsaparagraph.startingtagsareessentialinhtmlasttheyinitiateelements, definetheirtypes, andarecrucialforstructuringwebpagesandconstructionthedom.
Alat AI Hot
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Undress AI Tool
Gambar buka pakaian secara percuma
Clothoff.io
Penyingkiran pakaian AI
AI Hentai Generator
Menjana ai hentai secara percuma.
Artikel Panas
Alat panas
Dreamweaver CS6
Alat pembangunan web visual
Pelayar Peperiksaan Selamat
Pelayar Peperiksaan Selamat ialah persekitaran pelayar selamat untuk mengambil peperiksaan dalam talian dengan selamat. Perisian ini menukar mana-mana komputer menjadi stesen kerja yang selamat. Ia mengawal akses kepada mana-mana utiliti dan menghalang pelajar daripada menggunakan sumber yang tidak dibenarkan.
EditPlus versi Cina retak
Saiz kecil, penyerlahan sintaks, tidak menyokong fungsi gesaan kod
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Versi Mac WebStorm
Alat pembangunan JavaScript yang berguna
