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 元素,它將包含讀取到的文本文件內容。