html 保存到本地JSON文件

HTML文件可以通过JavaScript将其内容保存到本地JSON文件中。以下是一个示例：

<!DOCTYPE html>
<html>
<head>
	<title>Save HTML to JSON</title>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
	<script>
		$(document).ready(function(){
			$("#save-html").click(function(){
				var htmlContent = $("#my-html").html();
				var jsonContent = JSON.stringify({ "html": htmlContent });
				var blob = new Blob([jsonContent], { type: "application/json" });
				var url = URL.createObjectURL(blob);
				var a = document.createElement('a');
				a.download = "my-html.json";
				a.href = url;
				a.click();
			});
		});
	</script>
</head>
<body>
	<div id="my-html">
		<h1>Hello World!</h1>
		<p>This is a sample HTML content.</p>
	</div>
	<button id="save-html">Save HTML to JSON</button>
</body>
</html>

在上面的示例中，我们首先获取了HTML内容，然后将其保存到JSON对象中。接下来，我们使用Blob API创建了一个Blob对象，并将其转换为URL。最后，我们创建了一个下载链接，并模拟了单击操作来下载JSON文件