12
12

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

Html にテキストファイルを取り込む

Last updated at Posted at 2018-04-17

OBJECT を使って Html にテキストファイルを取り込む方法です。
Chrome と Firefox で確認しました。

html ファイル

index.html
<!DOCTYPE html>
<html lang="ja">
<head>
<meta http-equiv="CONTENT-TYPE" content="text/html; charset=utf-8" />
<title>Object Test</title>
</head>
<body>
<OBJECT DATA="./aaa.txt"TYPE="text/plain" WIDTH="100%" HEIGHT="100%"></OBJECT>
<OBJECT DATA="./bbb.txt"TYPE="text/plain" WIDTH="100%" HEIGHT="100%"></OBJECT>
Apr/17/2018<p>
</body>
</html>

取り込むファイル

aaa.txt
これは 1つ目のファイルです。
今日は曇っています。
これはテストです。
bbb.txt
これは2つ目のファイルです。
こんにちは
これはテストです。

実行結果

object_apr17.png

12
12
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
12
12

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?