自分だけが使う開発用(一般に公開の予定はないのでセキュリティはあまり気にしてない)のホームページにおいて、ページと同じフォルダ内にあるテキストファイル(.txt)の中身をJavaScriptで値として取得したい思っています。なお、ファイル選択ダイアログを開いて選択するのではなく、ページを開けば自動的にJSに取得されるようにしたいです。
今試している方法としては、テキストファイル(.txt)をオブジェクト?としてそのhtmlの中に静的に埋め込んでおいて、ある処理が終わった後にJSで取得するという方法です。
aaa.txt
Hello World!
bbb.html
<!DOCTYPE html>
<html>
<head><title>BBB</title></head>
<body>
<OBJECT type="text/plain" data="aaa.txt" id="target-text"></OBJECT>
<script type="text/javascript">
//別の処理を数秒間した後に↓(ページにaaa.txtの中身が描写されている段階)
//contentDocumentがnullとエラー
var targetText = document.getElementById("target-text").contentDocument.documentElement.textContent;
</script>
</body>
</html>
このコードのどこを直すと動作するでしょうか?
それか、別の手段があれば教えていただきたいです。(AJAXとか難しそうなやり方じゃないと助かります)