我想在html中加载一个json脚本(本地)，作为一个表使用。

<script src="path/to/your/json/file.json"></script>

// 使用XMLHttpRequest对象加载JSON文件
var xhr = new XMLHttpRequest();
xhr.overrideMimeType("application/json");
xhr.open('GET', 'path/to/your/json/file.json', true);
xhr.onreadystatechange = function () {
    if (xhr.readyState === 4 && xhr.status === 200) {
        var json = JSON.parse(xhr.responseText);
        // 在这里可以对JSON数据进行处理
        // 例如，可以将JSON数据渲染成表格
    }
};
xhr.send(null);

// 使用fetch函数加载JSON文件
fetch('path/to/your/json/file.json')
    .then(response => response.json())
    .then(json => {
        // 在这里可以对JSON数据进行处理
        // 例如，可以将JSON数据渲染成表格
    });

// 创建一个表格
var table = document.createElement('table');

// 创建表头
var thead = document.createElement('thead');
var headerRow = document.createElement('tr');
for (var key in json[0]) {
    var th = document.createElement('th');
    th.textContent = key;
    headerRow.appendChild(th);
}
thead.appendChild(headerRow);
table.appendChild(thead);

// 创建表格内容
var tbody = document.createElement('tbody');
json.forEach(function (item) {
    var row = document.createElement('tr');
    for (var key in item) {
        var cell = document.createElement('td');
        cell.textContent = item[key];
        row.appendChild(cell);
    }
    tbody.appendChild(row);
});
table.appendChild(tbody);

// 将表格添加到页面中的某个元素中
document.getElementById('table-container').appendChild(table);