javascript - jsを使用してブラウザのコンテンツをローカルに保存する方法は?

Question

ボタンをクリックするとファイルのダウンロードが生成されるように、内容が文字列であるJavascriptを使用してtxtファイルを生成し、ボタンにリンクしたいと思います。コンテンツは動的に想定されているため、ファイルをどこにも保存できません。

これを行うにはどうすればよいですか?

Answer 1

このように 'download' および 'data' 属性を使用できます。

var div = document.getElementById('div');
var a = document.createElement('a');

div.appendChild(a);
a.text='download test file';
a.download='aaaabbb.txt';
a.href="data:text/plain," + 'aaaaaaaaaccccccccccccc';

<div id="div">aaaaa</div>