使用 JavaScript 修改本地 JSON 文件内容

HTML 是一种标记语言，用于创建网页，它不能直接修改本地文件 JSON，但可以使用 JavaScript 来读取和修改 JSON 文件。

以下是一个简单的示例，演示如何使用 JavaScript 读取和修改本地 JSON 文件：

<!DOCTYPE html>
<html>
<head>
	<title>JSON 文件读取和修改</title>
	<script src='https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js'></script>
	<script>
		// 读取 JSON 文件
		$(document).ready(function() {
			$.getJSON('data.json', function(data) {
				console.log(data);
				// 修改 JSON 文件
				data.name = 'John';
				// 将修改后的 JSON 文件保存到本地
				var newData = JSON.stringify(data);
				var blob = new Blob([newData], {type: 'application/json'});
				var url = URL.createObjectURL(blob);
				var a = document.createElement('a');
				a.download = 'newData.json';
				a.href = url;
				a.click();
			});
		});
	</script>
</head>
<body>
	<h1>JSON 文件读取和修改</h1>
</body>
</html>

在这个示例中，我们使用 jQuery 的 getJSON 方法读取本地 JSON 文件。然后，我们修改 JSON 文件中的一个属性，并将修改后的 JSON 文件保存到本地。我们使用 JavaScript 的 Blob 对象和 URL.createObjectURL 方法来创建一个下载链接，然后使用 JavaScript 的 createElement 和 click 方法来触发下载链接。