html 無法讀取文本文件,但使用 javascript 可以實(shí)現(xiàn):使用 fetch() 獲取文件內(nèi)容;用 response.text() 方法獲取文本;在 then() 方法中處理讀取后的響應(yīng)。
如何使用 HTML 讀取文本文件內(nèi)容
HTML 本身無法直接讀取文本文件的內(nèi)容。然而,通過使用 JavaScript,可以很容易地實(shí)現(xiàn)這一功能。
方法:
要讀取文本文件的內(nèi)容,可以使用以下 JavaScript 函數(shù):
<code class="javascript">fetch('textfile.txt') .then(response => response.text()) .then(data => { // 對讀取到的文本文件內(nèi)容進(jìn)行處理 });</code>
登錄后復(fù)制
說明:
fetch()
函數(shù)用于從服務(wù)器獲取資源(文本文件)。
response.text()
方法返回文本文件的文本內(nèi)容。
then()
方法用于處理成功讀取文本文件后的響應(yīng)。
示例:
下面是一個讀取文本文件內(nèi)容并將其顯示在網(wǎng)頁上的 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>
登錄后復(fù)制
在這個示例中:
textfile.txt
是要讀取的文本文件。
content
是一個 HTML 元素,它將包含讀取到的文本文件內(nèi)容。