HTML5提供了一種新的API，可以讀取本地的JSON文件。這使得我們能夠在網站中使用這些數據，而無需手動輸入它們。下面是一個簡單的例子，演示如何使用HTML5的新API讀取本地JSON文件：

var xhr = new XMLHttpRequest();
xhr.open("GET", "data.json", true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4) {
if (xhr.status === 200) {
var data = JSON.parse(xhr.responseText);
// Do something with data
} else {
console.error(xhr.statusText);
}
}
};
xhr.onerror = function() {
console.error(xhr.statusText);
};
xhr.send(null);

這段代碼使用XMLHttpRequest對象來讀取名為"data.json"的本地JSON文件。一旦文件下載完成，代碼將使用JavaScript的JSON.parse()方法將文件內容解析為一個對象。之后，開發者可以使用該對象來編寫自己的腳本，實現網站功能。需要注意的是，上述代碼一定要在web服務器環境下才能運行，因為瀏覽器不允許在本地文件系統中使用JavaScript請求文件。

總之，HTML5提供了一種新的API來讀取本地JSON文件。通過使用這種API，開發者可以輕松地將本地數據導入網站中，實現更加靈活和高效的開發工作。