在使用H5頁面開發時，我們經常需要輸出JSON數據。JSON（Javascript對象表示法）是一種輕量級的數據交換格式，它易于閱讀和編寫，同時也易于解析和生成。下面我們就來看一下如何在H5頁面中輸出JSON數據。

首先，在H5頁面中，我們可以使用console.log()方法打印JSON數據，如下所示：

console.log({'name': '張三', 'age': 20});

上述代碼將輸出一個包含姓名和年齡的JSON對象。但是在實際的開發中，我們通常需要將JSON數據以更明確的方式輸出到頁面上，這時候我們可以使用document.write()方法。

document.write('{"name": "張三", "age": 20}');

上述代碼將輸出同樣的JSON對象，但是由于document.write()方法是直接在頁面中寫入HTML代碼，因此我們需要注意轉義雙引號和花括號：

document.write('{"name": "張三", "age": 20}');

另外，我們還可以使用JSON.stringify()方法將JSON對象轉化為JSON字符串：

var obj = {'name': '張三', 'age': 20};
var str = JSON.stringify(obj);
document.write(str);

上述代碼中，JSON.stringify()方法將JSON對象轉化為JSON字符串，然后使用document.write()方法輸出。

總之，在H5頁面中輸出JSON數據可以使用console.log()方法、document.write()方法、JSON.stringify()方法等多種方式。不同的方法適用于不同的場景，開發者可以根據具體需求和技術背景做出選擇。