ホームページ > 記事 > ウェブフロントエンド > HTMLでtxtファイルを読む方法
在 HTML 中读取 TXT 文件需要使用 JavaScript 的 XMLHttpRequest 对象。具体步骤包括:创建 XHR 对象打开请求并设置请求类型设置响应类型发送请求处理响应请求完成后,XHR 对象的 onload 事件将触发,此时可以获取响应内容。
如何使用 HTML 读取 TXT 文件
在 HTML 中读取 TXT 文件需要通过 JavaScript 的 XMLHttpRequest
(XHR)对象。具体步骤如下:
1. 创建 XHR 对象
<code class="javascript">var xhr = new XMLHttpRequest();</code>
2. 打开请求并设置请求类型
<code class="javascript">xhr.open('GET', 'path/to/text.txt');</code>
3. 设置响应类型
<code class="javascript">xhr.responseType = 'text';</code>
4. 发送请求
<code class="javascript">xhr.send();</code>
5. 处理响应
请求完成后,XHR 对象的 onload
事件将触发。此时可以获取响应内容:
<code class="javascript">xhr.onload = function() { var txt = xhr.response; // 对 txt 文本内容进行操作 };</code>
示例代码
<code class="javascript">var xhr = new XMLHttpRequest(); xhr.open('GET', 'path/to/text.txt'); xhr.responseType = 'text'; xhr.send(); xhr.onload = function() { document.getElementById('txt-content').innerHTML = xhr.response; };</code>
注意:
以上がHTMLでtxtファイルを読む方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。