HTML5实现本地JSON文件的读写

HTML5提供了一些API可以读写本地JSON文件，其中包括File API和JSON API。

首先，使用File API中的FileReader对象读取本地JSON文件。可以使用以下代码：

var fileInput = document.getElementById('fileInput');
var file = fileInput.files[0];
var reader = new FileReader();
reader.onload = function() {
  var json = JSON.parse(reader.result);
  // 对读取到的json数据进行操作
};
reader.readAsText(file);

其中，fileInput是一个input标签，可以使用它选择本地JSON文件。FileReader的onload事件会在文件读取完成后触发，result属性包含了文件的内容。通过JSON.parse()方法解析result，得到JSON对象。

接着，可以使用JSON API将修改后的JSON对象写入本地JSON文件。可以使用以下代码：

var json = {
  // 要写入的JSON数据
};
var blob = new Blob([JSON.stringify(json)], {type: "application/json"});
var url = URL.createObjectURL(blob);
var link = document.createElement("a");
link.download = "data.json";
link.href = url;
document.body.appendChild(link);
link.click();

其中，将JSON对象转换为JSON字符串后，使用Blob对象创建一个Blob数据，设置MIME类型为application/json。然后使用URL.createObjectURL()创建一个URL，将Blob数据放入链接的href属性中，最后使用link.click()方法触发下载。