如何使用Html读取本地json文件并展示呢

您可以使用JavaScript来读取本地JSON文件并将其展示在HTML页面上。以下是一种基本的方法：

1. 在HTML文件中添加一个空的标签，用于显示JSON数据：

<div id="json-data"></div>

2. 在JavaScript文件中创建一个XMLHttpRequest对象来读取JSON文件：

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
  if (this.readyState == 4 && this.status == 200) {
    var json = JSON.parse(this.responseText);
    displayData(json);
  }
};
xhttp.open("GET", "path/to/your/json/file.json", true);
xhttp.send();

3. 创建一个函数来展示JSON数据：

function displayData(json) {
  var output = "";
  for (var i = 0; i < json.length; i++) {
    output += "<p>" + json[i].name + " - " + json[i].age + "</p>";
  }
  document.getElementById("json-data").innerHTML = output;
}

此代码假设您的JSON文件包含一个包含名称和年龄的对象数组。您可以根据需要调整此代码以适应您的JSON文件的格式。