HTMLでテキストファイルの内容を読み取る方法-htmlチュートリアル-php.cn

HTMLでテキストファイルの内容を読み取る方法

下次还敢

リリース： 2024-04-05 10:33:17

オリジナル

1373 人が閲覧しました

HTML はテキストファイルを読み取ることができませんが、JavaScript を使用して実現できます: fetch() を使用してファイルのコンテンツを取得し、response.text() メソッドを使用してテキストを取得し、その後で読み取り応答を処理します。（）方法。

HTMLでテキストファイルの内容を読み取る方法

HTML を使用してテキストファイルの内容を読み取る方法

HTML 自体では、テキストファイルの内容を直接読み取ることはできません。テキストファイル。ただし、この機能は JavaScript を使用して簡単に実装できます。

方法:

テキストファイルの内容を読み取るには、次の JavaScript 関数を使用できます:

<code class="javascript">fetch('textfile.txt')
  .then(response => response.text())
  .then(data => {
    // 对读取到的文本文件内容进行处理
  });</code>

ログイン後にコピー

手順:

fetch() この関数は、サーバーからリソース (テキストファイル) を取得するために使用されます。
response.text() このメソッドは、テキストファイルのテキストコンテンツを返します。
then() メソッドは、テキストファイルの読み取りに成功した後の応答を処理するために使用されます。

例:

次に、テキストファイルの内容を読み取り、Web ページに表示する 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>

ログイン後にコピー

この例では、