浏览器为了用户安全考虑，不让 JavaScript 修改本地文件内容，
但是我只想在本地用浏览器打开本地的一个 html 文件，在打开后的 html 界面点击按钮，执行某个功能，该功能是用 js 代码修改本地文件内容，这个有没有方法？必须要 node.js 么？
比如我想载浏览器端打开 html 文件，点击按钮修改一个相对于打开的 html 文件中同目录下的.json 文件内容。有什么好方法么。必须要用 ie 或 node.js ？谷歌，火狐不行么？需要什么配置么？或者 js 有什么数据库么？能在浏览器端打开一个本地 html 文件，执行 js 代码就能增删改查？
我想制作一些基于浏览器端打开本地 html 文件，就能执行的脚本应用，需要用本地持久化功能，所以想要用 JavaScript 。不考虑跨平台。windows 就行。
想啥呢！
https://developer.mozilla.org/zh-CN/docs/Web/API/Blob
首先因为用 html 、js 来写界面非常方便，因此会有很多人想这样做，然后正如上面有人所说浏览器如果允许这个功能，这个浏览器就没人敢用了，因此才会冒出来一个 electron 。
如果是本地持久化，考虑 LocalStorage ？
所以，现代浏览器，要有用户的授权，才能允许你从硬盘读取或写入文件。那就是打开对话框和保存对话框。
借助<input type=”file”>和 fileReader，你可以在用户授权的情况下读取硬盘里的文件。
然后借助<a download>，把修改后的文件写入磁盘。
当然，浏览器还提供了 localStorage 、sessionStorage 、IndexedDB 这些持久化或临时存储，保存在浏览器的沙箱里，浏览器以外是看不到的。
如果你想像应用程序一样随意读写硬盘，就不能只靠浏览器了，得上 node.js 或 electron 。
参见：
[https://developer.mozilla.org/en-US/docs/Web/API/File/Using_files_from_web_applications] 的 Accessing selected file(s)，
[https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a] 的 Using the download attribute to save a <canvas> as a PNG 。
document.querySelector(‘a[download]’).addEventListener(‘mouseover’, function () {
this.href = ‘data:text/plain,’ + encodeURIComponent(document.querySelector(‘textarea’).value);
});
</script>
native File System 已经整了很久了，上为啥没人提到？
从此想怎么搞就怎么搞。
上那几个方法都不错，用 electron 、chrome 试验特性这些。不过自己扩展一下古董 IE 也是不错的，提供文件读写 js 接口。我前段时间就写的一个 exe，调用 WebBorwser （ IE11 ），让 js 读写文件、连接 mysql，不过文件目录功能没有搞，现在手动提供文件路径，好玩
app 本身不大 200kb，但是是专门用来处理 gis 数据的，gdal 库几十 M： https://xiangyuecn.github.io/AreaCity-JsSpider-StatsGov/assets/AreaCity-Geo-Transform-Tools.html#xz
