在前端開發中，我們常常需要從后端獲取數據并渲染到頁面上。而 JSON（JavaScript Object Notation） 是一個輕量級的數據交換格式，也是前后端數據交互的常見方式之一。通過<script>標簽加載 JSON 文件，可以快速地將數據渲染到頁面上。

具體步驟如下：

<script>
// 創建一個新的 XMLHttpRequest 對象
var xhr = new XMLHttpRequest();
// 設置請求的 HTTP 方法和 URL
xhr.open('GET', 'data.json', true);
// 設置請求頭
xhr.setRequestHeader('Content-Type', 'application/json');
// 確認請求成功后，將返回字符串轉換為對象
xhr.onload = function () {
if (xhr.status === 200) {
var data = JSON.parse(xhr.responseText);
console.log(data);
}
};
// 發送請求
xhr.send();
</script>

上述代碼片段實現了使用<script>標簽加載 JSON 后，將數據轉化為對象輸出到控制臺。

需要注意的是，由于跨域安全策略的影響，當<script>標簽加載的 JSON 文件與當前的 URL 不同時，可能會出現錯誤。此時可以使用 JSONP（JSON with Padding）技術解決跨域問題。