要遍历JSON数据并在页面上输出，你可以使用JavaScript的方法来实现。以下是一个简单的例子：
<!DOCTYPE html>
<html>
<head>
<title>JSON遍历示例</title>
</head>
<body>
<h1>JSON遍历示例</h1>
<ul id="output"></ul>
<script>
var data = {
"name": "John Doe",
"age": 30,
"city": "New York"
};
var outputList = document.getElementById("output");
for (var key in data) {
var listItem = document.createElement("li");
listItem.textContent = key + ": " + data[key];
outputList.appendChild(listItem);
}
</script>
</body>
</html>
在这个例子中，我们定义了一个包含JSON数据的对象data，然后使用for...in循环遍历对象的属性，并创建一个<li>元素来输出每个属性的键值对。将这些<li>元素添加到页面上的一个<ul>元素中，从而将JSON数据输出到页面上。你可以根据实际需求修改数据对象和输出方式。
