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"><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
是一個 HTML 元素,它將包含讀取到的文字檔案內容。 以上是html怎麼讀取文字檔內容的詳細內容。更多資訊請關注PHP中文網其他相關文章!