html 無法讀取文本文件,但使用 javascript 可以實現:使用 fetch() 獲取文件內容;用 response.text() 方法獲取文本;在 then() 方法中處理讀取后的響應。
如何使用 HTML 讀取文本文件內容
HTML 本身無法直接讀取文本文件的內容。然而,通過使用 JavaScript,可以很容易地實現這一功能。
方法:
要讀取文本文件的內容,可以使用以下 JavaScript 函數:
<code class="javascript">fetch('textfile.txt')
.then(response => response.text())
.then(data => {
// 對讀取到的文本文件內容進行處理
});</code>
登錄后復制
說明:
fetch() 函數用于從服務器獲取資源(文本文件)。
response.text() 方法返回文本文件的文本內容。
then() 方法用于處理成功讀取文本文件后的響應。
示例:
下面是一個讀取文本文件內容并將其顯示在網頁上的 HTML 代碼示例:
<code class="html">
<script>
fetch('textfile.txt')
.then(response => response.text())
.then(data => {
document.getElementById('content').innerHTML = data;
});
</script><div id="content"></div>
</code>
登錄后復制
在這個示例中:
textfile.txt 是要讀取的文本文件。
content 是一個 HTML 元素,它將包含讀取到的文本文件內容。






